Home

Flexbox.website

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 medium screen.

In large screen.

In large screen.

In extra large screen.

In extra large screen.

In xx-large screen.

In xx-large screen.

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

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

You can find the PDF/ePub/Mobi edition at https://leanpub.com/flexbox-website. Buy now and read the book in your favorite reader.