Image
  • Auteurs
  • Moocs
  • Communauté
  • Divers
    • #2 (pas de titre)
    • page 1
    • Page2
    • hub
    • Drive
    • blog
    • snax
  • Home
  • Work
  • Shop
  • About
  • Contact

eveil.org

agapé

entrée

01
Get Started
These columns are responsive without the use of media queries! Inspect each one and set its Flex Basis to the minimum width you would like them to maintain (when possible). Flexbox will take care of the rest and wrap your children when necessary.
02
Explore Further
Setting Flex Grow to 1 means that your columns should try to take up all available space when possible. Setting it to 0 will mean that your columns maintain their original intended dimensions.
agape.press
03
Have Fun
Try out different Flex values on the columns themselves, and then experiment with different Flex Layouts on the bar—You'll be amazed at the possibilities (you'll notice the columns are equal height as well)! Also, you can orient the content in these columns independently as well. The options are truly limitless.
This column is always full-width.
Making it great for a big call to action (like this).
Learn More