Skip to main content

02E. Simplify Layout Definitions with repeat

Less than 1 minuteCSScrashcoursecolt-steelecssgrid

02E. Simplify Layout Definitions with repeat ๊ด€๋ จ

Mastering CSS Grid | Colt Steele
Learn web development with Colt Steele
Simplify Layout Definitions with repeat | Colt Steele
CSS Grid's `repeat` function is a time saving way to define your layouts.

Let's look at a useful function in CSS Grid to reduce duplication when defining our grid template columns and rows.

Say we want to create a grid with six equally sized columns.