Skip to content

Instantly share code, notes, and snippets.

@amelieykw
Last active March 21, 2018 16:20
Show Gist options
  • Save amelieykw/51894093037d0c7ec5d293bd93415c24 to your computer and use it in GitHub Desktop.
Save amelieykw/51894093037d0c7ec5d293bd93415c24 to your computer and use it in GitHub Desktop.
[A Complete Guide to Flexbox]#flexbox #CSS #Bootstrap

Flexbox Layout

aims at :

providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word "flex").

  • give the container the ability to alter its items' width/height (and order) to best fill the available space
  • A flex container expands items to fill available free space, or shrinks them to prevent overflow.

Note: is most appropriate to

Flexbox layout Grid layout
the components of an application / small-scale layouts larger scale layouts

Original Article

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