Flexbox

Tester les principales propriétés de Flexbox

Défaut

Flex-direction:row-reverse

Flex-direction:column

Flex-direction:column-reverse

Nowrap

Wrap

Align-items:center

Align-items:flex-start

Align-items:flex-end

justify-content:center

Justify-content:flex-start

Justify-content:flex-end

Justify-content:space-between

Justify-content:space-around

Justify-content:space-evenly

Order

Grow

Shrink

Grow

flex-grow:1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, eaque, nesciunt! Hic, repellendus, ipsum non voluptatum rem iusto vero modi praesentium deleniti saepe omnis reprehenderit illo aliquid sapiente voluptate exercitationem?

flex-grow:2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, eaque, nesciunt! Hic, repellendus, ipsum non voluptatum rem iusto vero modi praesentium deleniti saepe omnis reprehenderit illo aliquid sapiente voluptate exercitationem?

flex-grow:1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, eaque, nesciunt! Hic, repellendus, ipsum non voluptatum rem iusto vero modi praesentium deleniti saepe omnis reprehenderit illo aliquid sapiente voluptate exercitationem?