CSS Box Model, FlexBox, Grid Classes

Question 1

What CSS properties make up the box model?

Answer 1

Border, margin, padding, and content (although content is not a property)

Question 2

Which CSS property pushes boxes away from each other?

Answer 2

Margin

Question 3

Which CSS property add space between a box’s content and its border?

Answer 3

Padding

Question 4

What is the default flex-direction of a flex container?

Answer 4

Row

Question 5

What is the default flex-wrap of a flex container?

Answer 5

No wrap

Question 6

Why do two div elements “vertically stack” on one another by default?

Answer 6

Because they are block elements

Question 7

What is the default flex-direction of an element with display: flex?

Answer 7

Row