Please enable JavaScript.
Coggle requires JavaScript to display documents.
(container) display: flex; ((property) flex-direction ((value) column…
(container) display: flex;
(property) flex-direction
(definition) defines in which direction the container wants to stack the flex items.
(value) column
(definition) stack items vertically (from top to bottom)
(value) column-reverse
(definition) from bottom to top
(value) row
(definition) left to right
(value) row-reverse
(definition) right to left
(property) flex-wrap
(definition) specifies whether the flex items should wrap or not
(value) wrap
(definition) flex items will wrap if necessary
(value) nowrap
(value) wrap-reverse
(property) flex-flow
(definition) is a shorthand property for setting both the flex-direction and flex-wrap properties
(example value) row wrap
(property)justify-content
(definition it is used to align the flex items)
(value) center
(definition) aligns the flex items to the center of the container
(value)(default-value) flex-start
(definition) to the beginning of the container
(value) flex-end
aligns the flex items at the end of the container
(value) space-around
(definition) displays the flex items with space before, between, and after the lines
(property) align-items
(definition) property is used to align the flex items vertically
(value) stretch
(Aclaration) if something inside has a defined height the stretch does not apply
(value) aligns the flex items such as their baselines aligns
(property) align-content
(definition) property is used to align the flex lines
Child Elements
Automatically become flex and have some properties
order
flex-grow
flex-shrink
flex-basis
flex
align-self