Relative Positioning

🏡 Home

Relative Positioning allows you to move elements around without affecting the surrounding layout, which differentiates it from using margin. Notice how I have used the pseudo class selector :last-child to single out the last child in the group.

💡

Relative Positioning is positioned based on the parent element.

.container.inner:last-child {
    position: relative;
    left: -20px;
    top: -12px;
}