Tough ones

Question 1

I would use this if I wanted all text in an element to be uppercase or lowercase

Answer 1

text-transform

Question 2

In the CSS Box model

width = content width + / _______ + / b_____ + / ___g__

You can also set the height and width of the element using the h/w properties

Answer 2

In the CSS Box model

height = content height + L/R padding + L/R border + L/R margin

You can also set the height and width of the element using the h/w properties

Question 3

What do these do?
flex-basis: 200px/auto
flex-grow: 2
flex-shrink:

Answer 3

flex-basis: determines initial size of the flex item (any unit). “auto” means that the size is determined by the height and weight

flex-grow: Defines the growth factor of an element relative to the other items
flex-shrink: defines how much an item will shrink when not enough space in the container

Question 4

What does this do?
display: none;

Answer 4

Element will not be displayed (no effect on layout)