Placement and Positioning

Question 1

how do we make an item display along the full length of a grid?

Answer 1

selector_of_container_with_grid_template_in_it {grid-template-columns: 100% }

Question 2

how do we align text?

Answer 2

text-align: this must be done in the innermost tag not a parent tag, e.g.

Question 3

difference between grid and flex?

Answer 3

generally, grid is for 2D while flex is for 1D there is also differences in wrapping and a few other nuances

Question 4

when using display: flex; what are the properties you can give the justify-content property?

Answer 4

flex-start, flex-end, center, space-around, space-between

Question 5

when using display: flex; what are the properties you can give the align-items property?

Answer 5

flex-start, flex-end, center, baseline, stretch

Question 6

when using display: flex; what are the properties you can give the flex-direction property?

Answer 6

row column row-reverse column-reverse

Question 7

when using display: flex; what are the properties you can give the flex-wrap property?

Answer 7

nowrap wrap wrap-reverse

Question 8

when using display: flex; what is the flex-flow property used for?

Answer 8

to combine flex-wrap and flex-direction properties

Question 9

into what property can we combine the flex-direction and flex-wrap properties?

Answer 9

flex-flow

Question 10

when using display: flex; what are the properties you can give the align-content property?

Answer 10

flex-start
flex-end
center
space-around
space-between
stretch

Question 11

when is the position property generally used?

Answer 11

CSS positioning can be especially useful when you need to position something that cannot be positioned within normal flow.