Chapter quiz · Layout

Test what you learned.

8 questions on Layout. Pass 70% to clear the chapter.

← Review chapter lessons

Quiz

Tailwind Layout — Chapter Quiz

Eight questions on display, flex, grid, spacing, sizing, position, and container queries.

0/ 9
  1. Question 1
    1

    Which utility makes an element a flex container?

  2. Question 2
    2

    Which pair centers flex children on both axes?

  3. Question 3
    3

    What does grid-cols-3 do?

  4. Question 4
    4

    gap-6 controls the space between grid and flex items.

  5. Question 5
    5

    Which utility pins an element to a fixed position relative to the viewport?

  6. Question 6
    6

    The container query variant that styles based on the nearest @container ancestor width starting at the small size is @___:.

  7. Question 7
    7

    Which utility keeps a 16:9 box ratio?

  8. Question 8
    8

    Which utilities affect how overflowing content is handled?

    Select all that apply.

Pick an answer — instant feedback as you go.