2/28: CSS Review

Which of the following shorthand syntaxes would achieve the same styling on the item class?

• flex: 2 1 120px

• flex: 1 2 120px

• flex: 120px 1 2

• flex-flow: 2 1 120px

What is the align-items property used for?

• To align flex items vertically

• To align flex containers vertically

• To align items horizontally

• To align flex items both vertically and horizontally

Which of the following choices will set a flex container’s flex-direction property to column and its flex-wrap property to wrap?

• flex-flow: column-wrap

• flex-flow: wrap

• flex: wrap column

• flex: column wrap

Which three values do the justify-content and align-items properties share?

• flex-start, baseline, flex-center

• flex-start, baseline, stretch

• flex-start, flex-end, center

• flex-start, flex-end, flex-center

Which of the following display values will allow multiple flex containers to appear inline with each other?

• inline-block-flex

• block-flex

• flex

• inline-flex

Which of the following display values will allow multiple flex containers to appear inline with each other?

• flex-start

• flex-end

• center

• space-between

Which of the following would make a grid with 2 equally sized columns and 4 equally sized rows?

• 
• 
• 
• 

Which of the following would make an item start at row 2 and end right before row 5?

• 
• 
• 
• 

Which of the following is equivalent to the sample code below?

• 
• 
• 
• 

Which of the following is equivalent to the sample code below?

• 
• 
• 
•