Skills101
← All practice quizzes

Quiz: Flexbox and Grid

5 questionsNo time limitPass: 60%+10 XP on first pass

Build any layout with Flexbox (one direction) and Grid (rows and columns). Main and cross axis, justify vs align, gap, grid-template-areas, and when to use which.

Log in to take the quiz

Free account · see your score, answers and explanations, earn XP

  1. Question 1

    In a flex row, which property spreads items horizontally with space between them?

  2. Question 2

    Which property vertically centres items in a flex ROW?

  3. Question 3

    What does grid-template-columns: 1fr 2fr create?

  4. Question 4

    Which position value keeps an element on screen while you scroll the whole page?

  5. Question 5

    Which tool is best for a full page layout with header, sidebar, main and footer?