Chapter 3—Grid layout, powered by FlexBox

At the end of this chapter, we will complete the following website with a Flexbox grid system that we can reuse in other projects.

Here is the final result we get:

In small screen.
In small screen.
In medium screen.
In large screen.
In large screen.
In extra large screen.
In xx-large screen.

You can find the final code in the following CodePen demo.

http://codepen.io/makzan/pen/GJjMEL