CSS Master Code Examples: Chapter 5

Back to chapter demo list

Repeating grids, alternate version

In this example, our columns track list is repeat(3, 25rem 1fr). We end up with six columns.

Related specification: CSS Grid Layout Module Level 1.

Grid item A
Grid item B
Grid item C

Grid item D

This grid item contains more content than its siblings.

Grid item E
Grid item F
Grid item G
Grid item H
Grid item I
Grid item J