CSS

Question 1

what is padding?

Answer 1

spacing between the content of the element and the border

Question 2

what is a border?

Answer 2

sits on the outside edge of the padding - outer edge of the content

Question 3

what is a margin?

Answer 3

space outside the box (border) and pushes any other html elements before and after it away (space between html elements)

Question 4

True or false: items that come later in the style sheet are prioritized over those that come earlier.

Answer 4

true

Question 5

what does this tell the elements on the page?

*{
margin: 0;
padding:0;
}

Answer 5

tells every element on the page to not have any margin or border unless explicitly told to

Question 6

what is flexbox?

Answer 6

accommodates various screen sizes

Question 7

what does this mean?

display:flex;

Answer 7

creates a one-dimensional layout- it controls the distribution of its content

Question 8

what is the default flexbox set to?

Answer 8

row

Question 9

how do you change a flexbox from row to column?

Answer 9

flex-direction: column;

Question 10

how do you get elements to wrap when there is no longer space on one line?

Answer 10

flex-wrap: wrap;

Question 11

what does the justify-content property do?

Answer 11

allows you to control spacing between child elements

Question 12

what does the default value (flex-start) of justify content do?

Answer 12

justifies all elements to the left

Question 13

what does justify-content: flex-end; do?

Answer 13

justifies all elements to the right

Question 14

what does justify-content: center; do?

Answer 14

positions all elements as close to the center as possible

Question 15

what does justify-content: space-between; do?

Answer 15

distributes all empty space between child elements to keep them evenly spaced apart