Skip to content

Instantly share code, notes, and snippets.

@ricklopez
Forked from spoike/flexbox.md
Last active March 19, 2020 01:55
Show Gist options
  • Save ricklopez/2bb4a3b1d9b28ba2eb8c2560fed445f9 to your computer and use it in GitHub Desktop.
Save ricklopez/2bb4a3b1d9b28ba2eb8c2560fed445f9 to your computer and use it in GitHub Desktop.
Flexbox CSS Cheatsheet

Flexbox Cheatsheet

Flex Container

default to row.

  • flex-wrap: nowrap | wrap | wrap-reverse

  • justify-content: flex-start | flex-end | center | space-between | space-around

  • align-items: flex-start | flex-end | center | baseline | stretch

  • align-content: flex-start | flex-end | center | space-between | space-around | stretch

Flex Items

Use Order to rearrange flexbox children

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment