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

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

Question 2

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

Question 3

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

Question 4

Which property enables Flexbox on a container?

Question 5

What is the main purpose of Flexbox?

Question 6

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

Question 7

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

Question 8

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

Question 9

What is the purpose of align-self in Flexbox?

Question 10

What does the grid-template-areas property do?