Blog

Question 1:  Which property is used to create a flex container?

(A) display: block;

(B) display: flex;

(C) display: inline-flex;

Question 2:  Which property defines the direction of flex items inside a flex container?

(A) align-items

(B) justify-content

(C) flex-direction

Question 3:  What is the default value of the flex-direction property?

(A) row

(B) column

(C) row-reverse

Question 4:  Which property is used to align flex items along the main axis?

(A) align-items

(B) justify-content

(C) flex-wrap

Question 5:  Which property is used to align flex items along the cross axis?

(A) align-items

(B) justify-content

(C) align-content

Question 6:  What does flex-wrap: wrap; do?

(A) Forces flex items to stay in a single line

(B) Allows flex items to wrap onto multiple lines

(C) Aligns items in the center of the container

Question 7:  Which property is used to control the order of flex items?

(A) order

(B) flex-basis

(C) align-self

Question 8:  What does the align-self property do?

(A) Sets the alignment of a single flex item

(B) Aligns all flex items

(C) Changes the flex container direction

Question 9:  What is the purpose of flex-grow?

(A) Defines the ability of a flex item to grow if needed

(B) Shrinks the flex item

(C) Wraps flex items

Question 10:  Which value of justify-content will place items at equal space between them?

(A) space-between

(B) space-around

(C) center