css-layout-classes

Question 1

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

Answer 1

Because they are block elements.

Question 2

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

Answer 2

row

Question 3

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

Answer 3

The three primary components of a page layout are the header, the main content area, and the footer. These components are typically defined using HTML elements such as header, main, and footer.o control the layout and styling of these elements, you can use CSS helper classes such as .header, .main, and .footer.

Question 4

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

Answer 4

1 column

Question 5

What is the purpose of a container?

Answer 5

a container is a common design pattern used to wrap a group of HTML elements into a single container, with the goal of applying consistent styling and layout to the contained elements.