Prep Flexbox Basics

Question 1

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

Answer 1

row from left to right

Question 2

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

Answer 2

flex-wrap: nowrap

PARENT

Question 3

What is one of the uses of Flexbox?

Answer 3

Layout to arrange items in rows or columns and items will flex (grow or shrink) to fit available space

Question 4

What are the three primary parts of a layout system?

Answer 4

Container
Row
Column

Question 5

justify-content

Answer 5

spacing and placement of content on PRIMARY AXIS

PARENT

Question 6

align-items

Answer 6

basically justify-content on cross axis (secondary axis)

PARENT

Question 7

align-content

Answer 7

justifies content on multiple wrapped lines on cross-axis;
does not work on single line

PARENT

Question 8

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

Answer 8

it is their default display property

Question 9

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

Answer 9

row