Flexbox

Cheatsheet: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Writing mode

flex direction will depend on whether your text is left/right or right/left or top/down

flex shorthand

• Default
  • flex-grow: 0
  • flex-shrink: 1
  • flex-basis: auto
• flex: 1
  • flex-grow: 1
  • flex-shrink: 0
  • flex-basis: 0

place-items: center stretch

For Grid and flexbox

• align-items + justify-items

One liners - One liners

---

Last update: 2023-03-20