layout-classes

Question 1

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

Answer 1

div elements are block elements so it starts on a new line and they contain that block of code together.

so when each div thats nserted into a layout , inserts as a new row.

Question 2

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

Answer 2

Flexbox provides a property called flex-direction that specifies
which direction the main axis runs (which direction the flexbox children are laid out in).

By default this is set to row, which causes them to be laid out in a row in the direction your browser’s default language works in

Question 3

What are the three primary components of a page layout? (Which helper classes do you need?)

Answer 3

three primary parts: an element to be the container, one or more elements acting as a row, and at least one column element in each of the row elements.

Question 4

What is the minimum number of columns that you should put in a row?

Answer 4

You must have at least 1 column in each row.

Question 5

What is the purpose of a container?

Answer 5

easier to access, manipulate, format, and display what you want in sections, wastes less time have to search irrelevant information.