Recall & Review
beginner
What is CSS Flexbox used for?
Flexbox is used to arrange items in a single row or column, making it easy to align and distribute space among items in one dimension.
Click to reveal answer
beginner
What is CSS Grid used for?
Grid is used to create two-dimensional layouts, allowing you to arrange items in rows and columns simultaneously.
Click to reveal answer
intermediate
When should you choose Flexbox over Grid?
Choose Flexbox when you need to layout items in a single row or column, like a navigation bar or a list of buttons.
Click to reveal answer
intermediate
When is CSS Grid more suitable than Flexbox?
Use Grid when you want to design complex layouts with rows and columns, like a photo gallery or a webpage layout.
Click to reveal answer
intermediate
Can Flexbox and Grid be used together?
Yes! You can use Grid for the main page layout and Flexbox inside grid items to align content easily.
Click to reveal answer
Which CSS layout method is best for arranging items in both rows and columns?
✗ Incorrect
Grid allows you to arrange items in two dimensions: rows and columns.
Flexbox is mainly designed to work in which dimension?
✗ Incorrect
Flexbox arranges items in a single row or column, which is one dimension.
Which layout method would you use for a navigation bar with horizontal links?
✗ Incorrect
Flexbox is perfect for laying out items in a row, like navigation links.
Can you use Flexbox inside a Grid container?
✗ Incorrect
Flexbox can be used inside Grid items to align content easily.
Which CSS property defines the main axis in Flexbox?
✗ Incorrect
The flex-direction property sets the main axis direction in Flexbox.
Explain the main differences between CSS Grid and Flexbox and when to use each.
Think about how many directions you want to arrange items.
You got /4 concepts.
Describe a real-life example where combining Grid and Flexbox would be helpful.
Imagine a webpage with multiple sections and buttons inside them.
You got /3 concepts.