Sur freeCodeCamp.
Dimensions define the primary demarcation between Flexbox and CSS Grid. Flexbox was designed specifically for one-dimensional layouts, while CSS Grid is engineered to enable two-dimensional layouts. Therefore, CSS Grid can easily render rows and columns simultaneously.
Flexbox is incredibly powerful. But it's also crazy hard to master. So we all end up depending on a cheat sheet and some mad guessing in the dev tools. Enough of that! Time for you to:
- Become a master of layout with flexbox
- Internalize flexbox in a ridiculously unforgettable way so you can drop the cheat sheet crutch
- Create any layout you can imagine, without wasting time guessing or looking up syntax
This is a Mastery Game. Each section unravels part of the plot, gives you mastery over a new flexbox concept, and presents zombie survival challenges that force you to solidify your new skills like your life depends on it.
Via Alex M et Mathieu.
Bulma is an open source CSS framework based on Flexbox.
Trop le turfu !
Documentation française de la MDN.
Site à garder sous le coude concernant le CSS.
- Un guide pour flexbox.