CSS Flex or Grid

Documentation

flex
grid

Playground

align or justify
flex-direction or flex-wrap

Flex Container

flex-direction
flex-wrap
flex-flow

Grid Container

grid-template-rows
grid-template-columns
grid-template-areas
grid-template
grid-auto-rows
grid-auto-columns
grid-auto-flow
grid
justify-items
place-items
grid-web-layout

Grid Container functions and keyword

fit-content()
max-content
min-content
minmax()
repeat()
auto-fit | auto-fill

Flex or Grid Container

align-content
justify-content
place-content
align-items
row-gap
column-gap
gap

Flex Items

flex-grow
flex-shrink
flex-basis
flex

Grid Items

grid-row-start
grid-row-end
grid-row
grid-column-start
grid-column-end
grid-column
grid-area
justify-self
place-self

Flex or Grid Items

align-self
order