Flexbox
Displaying flex
body {
display: flex;
}
Flexbox Center
Center content with flexbox
body {
justify-content: center;
}
Flexbox Right
Move content to the right with flexbox
body {
justify-content: flex-end;
}
Flexbox Left
Move flexbox to the left
body {
justify-content: flex-start;
}
Flexbox Column
Change flex direction to column
body {
flex-direction: column;
}
Flexbox Space Between
Justify the content by the space between content
body {
justify-content: space-between;
}