The Mastery Convergence

Hard+60 XP

Mission Briefing

This is the final test for Day 1. You must reverse the vertical gravity AND center the Sparks at the heart of the grid.

The Concept: Combined Alignment

When flex-direction is column-reverse, the "main axis" is vertical. justify-content will control the vertical centering along that reversed axis.

The Objective

  1. Target the #grid.
  2. Set direction to column-reverse.
  3. Center the items using justify-content.

Constraints

    cssflexbox
    Live Visual Output
    style.css
    Loading...