WeCodeAcademy

CSS Grid

Grid places items in rows and columns. Set display: grid and describe the columns.

Examplehtml
Open in editor »

1fr means one share of the free space. Change repeat(3, 1fr) to 1fr 2fr and see what happens.

Quick check

What does 1fr mean in a grid?

Finish the quick check (and any code exercise) to complete this lesson, or mark it done yourself.

Tip: use the left and right arrow keys to move between lessons.