Grid vs Flex
Home
(current)
CSS Grid
Flex-Box
Documentation complète
+
Add divs
-
-- display --
display:block
display:flex
display:inline-flex
-- flex-direction --
flex-direction:row
flex-direction:column
flex-direction:row-reverse
flex-direction:column-reverse
-- justify-content --
justify-content:flex-start
justify-content:flex-end
justify-content:center
justify-content:space-between
justify-content:space-around
-- flex-wrap --
flex-wrap:wrap
flex-wrap:nowrap
flex-wrap:wrap-reverse
-- align-items --
align-items:stretch
align-items:flex-start
align-items:flex-end
align-items:center
align-items:baseline
-- align-content --
align-content:stretch
align-content:flex-start
align-content:flex-end
align-content:center
align-content:space-between
align-content:space-around
Generate CSS
>
×
Grid vs Flex