We are thrilled to inform you that Lancecourse is NOW INIT Academy — this aligns our name with our next goals — Read more.

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

What is the purpose of align-self in Flexbox?

Question 3

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

Question 4

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

Question 5

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

Question 6

What does the grid-template-areas property do?

Question 7

What is the main purpose of Flexbox?

Question 8

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

Question 9

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

Question 10

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