The Subtle Shift

Easy+10 XP

Mission Briefing

Welcome to Day 6! We are moving beyond the Flexbox grid. Sometimes you need to nudge an element slightly without breaking the layout flow.

The Concept: Relative

position: relative allows an element to be offset from its normal position using top, right, bottom, and left without affecting surrounding elements.

The Objective

  1. Target #spark-1.
  2. Set position to relative.
  3. Offset Spark 20px from the top.

Constraints

    cssposition
    Live Visual Output
    style.css
    Loading...