Skip to main content
PProfileMatch
← Path

CSS Fundamentals · CSS Grid and Responsive Design With Media Queries

0 XP
  1. 1 current stop: learning
  2. 2 upcoming
  3. 3 upcoming
  4. 4 upcoming
  5. 5 upcoming

Finish after stop 5

Stop 1 of 5 · Grid city: the empty plots

Trick to keep in mind+3 XP

auto-FIT fits the items to the row; auto-FILL fills the row with empty slots.

Both keywords create as many tracks as the width allows. They differ when there are fewer items than tracks. auto-fill leaves the unused tracks in place, so the items stay near their minimum size. auto-fit collapses the unused tracks to nothing, which lets the items grow into the freed space.

Read it once, then a question tests whether the trick stuck.