CSS Layout Quiz

Henry and Sophie are designing a cool website. Which CSS property should they use to turn a boring element into a Flex container and make their layout awesome?

Scarlett and Arjun are designing a cool website using CSS Grid! Which CSS property should they use to set the number of columns in their grid layout?

Kiara, Ava, and Charlie are working on a web project together. They want to organize their page layout using Flexbox. Which of the following best describes what Flexbox is?

Which CSS Grid property defines gaps between rows and columns?

Kiara and Harry are building a cool website using Flexbox! They want to know: what does the 'justify-content' property do in Flexbox?

Priya, Aarav, and Daniel are working on a web design project. They want to use Flexbox, but one of the following properties doesn't belong! Can you help them spot the odd one out?

Benjamin and Isabelle are designing a cool website using Flexbox. They want their elements to wrap onto a new line when there's not enough space. Which CSS property should they use to make this happen?

(a)  

Which CSS Grid property allows naming sections of the layout?

Which of these is an advantage of CSS Grid over Flexbox?

Emily, Ella, and Kiara are rearranging boxes using Flexbox! Which Flexbox property should they use to align the boxes along the cross-axis?