CSS

Flexbox Properties
What if I forget? 

 https://flexboxfroggy.com/ Great website to re-learn all these  concepts again! 

 Justify-Content 

 Align the content along the main axis, the possible value can be: 

 

 flex-start (default 

 flex-end 

 center 

 space-between 

 space-around 

 space-evently 

 

 

 Align-Items 

 Align the content along the cross axis, the possible values are: 

 

 flex-start 

 flex-end 

 center 

 baseline 

 stretch (default) 

 

 Align-Content 

 Don't confuse it with align-items, they do different things 

 Not to be confused with align-items, align-content sets how multiple lines of contents are spaced apart from each other. Align-Items on the other hand determines how the items as a whole are aligned within the container. 

 When there is only one line of content, then Align-Content has no effect. 

 The possible values are: 

 

 flex-start 

 flex-end 

 center 

 space-between 

 space-around 

 stretch (default)