CSS Grid — Quiz

Answer all 5 questions, then submit. You need 60% to pass. Log in to save progress.

Question 1

How does Grid differ from Flexbox?

A They are identical

B Grid lays out in two dimensions (rows and columns); Flexbox in one

C Grid only works on text

D Flexbox is for two dimensions, Grid for one

Question 2

What does the fr unit represent?

A A fixed number of pixels

B A fraction of the available free space

C A font ratio

D A frame rate

Question 3

What is repeat(3, 1fr) equivalent to?

A 1fr

B 3fr

C 1fr 1fr 1fr

D 3px

Question 4

How do you make a grid item span two columns?

A grid-span: 2

B grid-column: span 2

C column-count: 2

D width: 2fr

Question 5

What does repeat(auto-fit, minmax(200px, 1fr)) achieve?

A A fixed two-column layout

B A responsive grid that fits as many 200px+ columns as it can, with no media queries

C A single tall column

D A flexbox row