Answers for "justify-content justify-items justify-self align-content align-items and align-self css grid"

flex justify-content

Diffrient types of justify-content properties in CSS:
1)normal : "Normal-alignment."
2)space-between :  "Distribute items evenly The first item is flush with the
"start,the last is flush with the end."
3)space-around : "Distribute items evenly Items have a half-size space.
4)space-evenly : "Distribute items evenly Items have equal space around them.
5)stretch : "Distribute items evenly Stretch 'auto'-sized items to fit.
6)center : "Pack items around the center
7)flex-start : "Pack flex items from the start 
8)flex-end :   "Pack flex items from the end
9)more... ('upvote please!')

justify-content vs align-content grid

justify-content and align-content align the whole grid.
While, justify-items and align-items align the items IN THAT GRID (same for align-self and justify-self)