Cheatsheets

CSS styles

Button Game Button

Placeholder

Flexbox Align

1. Justify-content
   • justify-content: center; /* Pack items around the center */
   • justify-content: start; /* Pack items from the start */
   • justify-content: space-between; /* Distribute items evenly The first item is flush with the start, the last is flush with the end */
   • justify-content: space-around; /* Distribute items evenly Items have a half-size space on either end */
   • justify-content: space-evenly; /* Distribute items evenly Items have equal space around them */
   • justify-content: stretch; /* Distribute items evenly Stretch 'auto'-sized items to fit the container */
2. Align-items
   • align-items: stretch;
   • align-items: center; /* Pack items around the center */
   • align-items: start; /* Pack items from the start */
   • align-items: end; /* Pack items from the end */
3. Align-content
   • align-content: center; /* Pack items around the center */
   • align-content: start; /* Pack items from the start */
   • align-content: space-between; /* Distribute items evenly The first item is flush with the start, the last is flush with the end */
   • align-content: space-around; /* Distribute items evenly Items have a half-size space on either end */