Absolute Perfection

Medium+40 XP

Mission Briefing

Can you center Spark without Flexbox? Use the legendary Absolute Centering formula.

The Concept: Multi-Step Formula

Set top: 50%, left: 50%, and transform: translate(-50%, -50%) to perfectly center an absolute item.

The Objective

  1. Target #spark-1.
  2. Set position to absolute.
  3. Apply the 50% / 50% / translate formula.

Constraints

    cssposition
    Live Visual Output
    style.css
    Loading...