CSS
Studied by 0 people
Learn
Practice Test
Spaced Repetition
Match
Flashcards1/17
There's no tags or description
Looks like no tags are added yet.
Name | Mastery | Learn | Test | Matching | Spaced |
|---|
No study sessions yet.
18 Terms
display: flex
Changes an element to a block-level container with flex items inside of it
display: inline-flex
Allows multiple flex containers to appear inline with each other.
justify-content
Used to space items along the main axis
Aligns items horizontally
align-items
Used to space items along the cross axis
Aligns items vertically
flex-grow
Used to specify how much space (and in what proportions) flex items absorb along the main axis
flex-shrink
Used to specify how much flex items shrink and in what proportions along the main access
flex-basis
Used to specify the initial size of an element styled with flex-grow and/or flex-shrink
flex
Used to specify flex-grow, flex-shrink, and flex-basis in one declaration
flex-wrap
Specifies that elements should shift along the cross axis if the flex container is not large enough
align-content
Used to space rows along the cross axis
flex-direction
Used to specify the main and cross axis
flex-flow
Used to specify flex-wrap and flex-direction in one declaration
em
Represents the font-size of the current element or the default base font-size set by the browser if none is given.
rem
Instead of checking parent elements to size font, it checks the root element. The root element is the <html> tag
space-between
Items display with equal spacing between them
space-around
Items display with equal spacing around them
baseline
Items display at the bottom of the container
align-items: stretch
Items are stretched to fit the container