Starting Out With the Flexible Box Model

Flexible Box Model, or Flexbox, is a CSS3 technique for styling web pages.

This layout mode provides a simple and easy way to create your theme without messing with floats or attempting to style your boxes to be the same height. The Flexible Box Model will help you unify your layout, and even provide you with solutions that do not require addition, subtraction or determining the percentage of width for a certain object. This technique could be extremely beneficial if you’re attempting to design a responsive website.

We’ll start with one simple <section> that will be the container for our flexible boxes:

I’ve written this article for Cequix Technology Solutions. You may read the rest of this article on the Cequix blog