Flexbox Flashcards
1
Q
Containers
A
display: flex;
2
Q
Flex: 1 1 0%; is short for
A
flex-grow: 1; Flex-shrink: 1; Flex-basis: 0%
3
Q
stop item from increasing in size (but allow to decrease)
A
flex: initial;
4
Q
Items change size to fit container and all free space is shared among items
A
flex: auto;
5
Q
Items will stick to width/height settings and will not ‘flex’ to fit
A
flex: none;
6
Q
Make flex items arrange themselves vertically
A
flex-direction: column
7
Q
axes cheatcheat
A
flexbox.malven.co
8
Q
Move items along X axes
A
justify-content:
9
Q
Move items along Y axes
A
align-items:
10
Q
Remove underline from hyperlinks
A
text-decoration: none
11
Q
Remove bullet points from lists
A
list-style-type:none
