We are thrilled to inform you that Lancecourse is becoming 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 lancecourse.com.

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

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

Question 3

What is the main purpose of Flexbox?

Question 4

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

Question 5

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

Question 6

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

Question 7

What does the grid-template-areas property do?

Question 8

What is the purpose of align-self in Flexbox?

Question 9

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

Question 10

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