The Vertical Equalizer

Easy+10 XP

Mission Briefing

Welcome to Day 5! Horizontal alignment is only half the battle. Stabilize Spark vertically to match the energy node.

The Concept: Align Items

When flex-direction is row, the align-items property controls positioning along the cross-axis (vertical).

The Objective

  1. Target the #grid.
  2. Set align-items to center.

Constraints

    cssflexbox
    Live Visual Output
    style.css
    Loading...