Repeating Patterns

Mission Briefing

Efficiency is key. Create a dense 5-column grid without typing 1fr five times.

The Concept: repeat()

repeat(count, value) is a shorthand for repetitive column/row definitions.

The Objective

1. Target the #grid.
2. Set grid-template-columns to repeat(5, 1fr).