CSS Flexbox & Layouts Quiz

Evaluate your understanding of Flexbox alignment, CSS Grid tracks, positioning, and responsive design.

5 Questions 10 Minutes Instant Scoring All Quizzes

Question 1 of 5

00:00

1. Which CSS property is used to align flex items along the main axis?

.container {

  display: flex;

  _________: center;

}

A align-items B justify-content C align-content D content-align

3. Which CSS unit is relative to the font-size of the root <html> element?

font-size: 1.5____;

A em B rem C vh D px

4. How do you center an element horizontally and vertically using CSS Grid in 2 lines?

.grid-box {

  display: grid;

  ____________: center;

}

A center-all: true B place-items: center C align-center: both D grid-center: true

5. What does "box-sizing: border-box;" do in CSS?

* {

  box-sizing: border-box;

}

A Adds a border to all elements B Includes padding and border in the element total width and height C Removes all margins from elements D Makes the element display as flex

Need Assistance?

CSS Flexbox & Layouts Quiz

Quiz Completed!

Detailed Question Review

Need Assistance?

CSS Flexbox & Layouts Quiz

1. Which CSS property is used to align flex items along the main axis?

2. What is the default value of the "flex-direction" property in CSS?

3. Which CSS unit is relative to the font-size of the root <html> element?

4. How do you center an element horizontally and vertically using CSS Grid in 2 lines?

5. What does "box-sizing: border-box;" do in CSS?

Quiz Completed!

Detailed Question Review

About cookies on this site

Cookie preferences