It seems like you are using an ad blocker. To enhance your experience and support our website, please consider:

  1. Signing in to disable ads on our site.
  2. Sign up if you don't have an account yet.
  3. Or, disable your ad blocker by doing this:
    • Click on the ad blocker icon in your browser's toolbar.
    • Select "Pause on this site" or a similar option for INITAcademy.org.

Advanced CSS Layouts – Flexbox and Grid

This quiz evaluates your knowledge of advanced CSS layout techniques, focusing on the key concepts of Flexbox and Grid. It tests your ability to use these systems for creating both simple and complex layouts in responsive web design.

Question 1

Which property enables Flexbox on a container?

Question 2

Which property is used to define the number of columns in a CSS grid layout?

Question 3

Which of the following is true about the flex-direction: column; property?

Question 4

What does the grid-template-areas property do?

Question 5

In Flexbox, which property aligns items along the cross-axis (perpendicular to the main axis)?

Question 6

Which layout system is better suited for creating complex, two-dimensional layouts?

Question 7

In a CSS Grid, what does grid-gap control?

Question 8

What is the main purpose of Flexbox?

Question 9

What is the purpose of align-self in Flexbox?

Question 10

What does the justify-content: center; property do in Flexbox?