The Buffer Zone

Medium+35 XP

Mission Briefing

Modern layouts avoid messy margins. Use the 'Gap' protocol to separate multiple Sparks by exactly 20px.

The Concept: Gap

The gap property on a flex container defines the gutter space between items. It doesn't add space to the outer edges.

The Objective

  1. Target the #grid.
  2. Set gap to 20px.

Constraints

    cssflexbox
    Live Visual Output
    style.css
    Loading...