Summary

This chapter started with an introduction to Flexbox, and went on to cover how we can create responsive layouts using Flexbox. Let’s see what we’ve covered in this chapter:

Flexbox is a modern approach to creating web layouts. Its biggest advantage is that users don’t have to deal with “hacky” techniques to build layouts as we did in the past with floats and other hacks. The flexbox was created as a one-dimensional layout model and technology that could provide space distribution between elements in an interface and strong alignment capabilities.

When we describe Flexbox as one-dimensional, we’re talking about how Flexbox handles layouts in one dimension at a time, either as a row or a column.