Skip to content

Instantly share code, notes, and snippets.

@bradleyayers

bradleyayers/alternative-flex-naming.md

Forked from alexreardon/alternative-flex-naming.md
Created May 23, 2024 05:53
Show Gist options
  • Save bradleyayers/a555a0f4f553daf1c949f87010663cbe to your computer and use it in GitHub Desktop.
Save bradleyayers/a555a0f4f553daf1c949f87010663cbe 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