Chris Coyier
Content Writer
Understanding Flexbox
In our opinion this has to be the best Flexbox resource out there at the moment (and we are happy to be challenged on it!). Chris Coyier, one of the founders of CodePen (https://codepen.io/), has put together the most incredible Flexbox cheatsheet.This cheatsheet covers all of the parent and child CSS properties that can be used within flex. The visual aids used by Chris really make it even easier to understand.
The idea behind Flexbox
CSS Flexbox was introduced as a way to provide users with the ability to efficiently create and alter a layout dynamically on a webpage. This is done by letting containers alter their spacing to best fit the space available.Flexbox is particularly useful when creating small layouts, typically you would look at using CSS Grid for larger layouts.