CSS FlexBox Warm Up

You’ve got a list of element, and you want them to be listed correctly in a container, an old-school solution is to use float or display. However, these two CSS properties don’t give you total control of how you can stretch these elements inside a container.

In this article, you’ll discover how to control a list of items inside of a container using flexbox, and this’s a demo of what you want to achieve:

See the Pen FlexBox Sandbox by Arbaoui Mehdi (@arbaoui_mehdi) on CodePen.

Read More