Skip to content

Instantly share code, notes, and snippets.

@alexreardon

alexreardon/alternative-flex-naming.md

Last active May 23, 2024 05:53
Show Gist options
  • Save alexreardon/339c8cea8e7d1fc39be00809c210fb6b to your computer and use it in GitHub Desktop.
Save alexreardon/339c8cea8e7d1fc39be00809c210fb6b to your computer and use it in GitHub Desktop.
Download ZIP
Alternative flex naming
Raw
alternative-flex-naming.md

flex container

  • flex-direction → main-axis (row [horizontal] → or column [vertical] ↓)
  • justify-content → main-axis-align
  • align-items → cross-axis-align
  • align-content → cross-axis-align-wrapped

flex child

  • align-self → cross-axis-align-override
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment