Flexbox and Multi-Column Layout Flashcards

1
Q

The elements inside a flex container are called:

A

flex items

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

Everything in flexbox is relative to what two axes?

A

main axis and cross axis

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

If items in a flex container are not wrapping, what declaration can fix that?

A

flex-wrap: wrap;

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

What will move the first flex item to the left, the last one to the right, then evenly distribute the space in between?

A

justify-content: space-between;

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

The value needed to make an element a flex container is:

display: _____;

A

flex

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

What property determines how much the flex items expand relative to the other flex items?

A

flex-grow

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

What will vertically align a flex item?

A

align-self: center;

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

What does a number value for flex-grow represent?

A

ratio of free space taken by the flex items

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

The _____ property changes the order of a flex item on the flex line.

A

order

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

What property sets the number of columns?

A

column-count

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

To define the space between columns, we need to use the _____ property.

A

column-gap

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

What property defines borders between each column?

A

column-rule

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

The ‘column-rule’ property is shorthand for what properties?

A

column-rule-width, column-rule-style, column-rule-color

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

The ‘columns’ property is the shorthand for what properties?

A

column-width and column-count

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

What will span an element across every column?

A

column-span: all;

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