Flex-Box

Simple Project to understand the power of flexbox

CSS Flexbox Layout Module

Before the Flexbox Layout module, there were four layout modes:

<li>Block, for sections in a webpage</li>
<li>Inline, for text</li>
<li>Table, for two-dimensional table data</li>
<li>Positioned, for explicit position of an element</li>

The Flexible Box Layout Module, makes it easier to design flexible responsive layout structure without using float or positioning.

Web page without using flexbox

Web page with flexbox