How to easily understand Flexbox CSS - (Part 1)...What is Flexbox CSS?
Flexbox CSS is a one dimensional layout model/method used for laying out items (HTML elements) in a row or column fashion (horizontal or vertical).
Why Flexbox CSS?
Long gone are the days of using float and position in CSS to create layouts and responsive layouts. Utilising flexbox allows you to create fully responsive, mobile first layouts without needing to write lots of different media queries...
NOTE: the other parts of this tutorial series are listed at the end of this article
In your experience is it any easier to do than the old way of getting containers to line up properly? What about height if you want the boxes to flow nicely when the browser screen is not wide enough?