CSS Flashcards

1
Q

The difference between justify-content: space-between and justify-content: space-around

A

space-between aligns items with an even space between them while space-around does the same thing, but with a half space added on each end

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

The difference between justify-content and align-items

A

justify-content aligns items on the horizontal axis and align items on the cross (vertical) axis

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

How does flex-direction column affect justify-content and align-item?

A

Flex-direction: column causes justify-content to align items vertically and align-items to align items horizontally. (Opposite of their normal behavior)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

The difference between align-items and align-content

A

align-content determines the spacing between lines, while align-items determines how the items as a whole are aligned within the container.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly