So what is Fleck's box?
First of all, it is access free layout mode.
Before Fleck's box layout modes, there were four other layers that we would use the block layout for
sections and web pages, then in line for text, then table for well, two dimensional table data don't
tables anymore.
We would rather use a grid system for this and of course, positioning for explicit positioning of the
elements.
The flexible box layout module makes it easy to design flexible, responsive layout structures without
using float or positioning.
The Flexner's properties are supported in all morgenweck browsers like Firefox, Edge, Safari, Oprah
and of course, the most popular Google Chrome.
Therefore, Fleck's Fox is currently a well established technology.
Now, Flexibles is based on something called the box model, in our case, Fleck's box has two components.
The main component of the flexibles layout are, one, the container itself and then the items within
the container, which can be one or well, you wouldn't apply to one.
But from one to infinity, the items are aligned along something called the main axis and the cross
axis, for example.
So if you're coming from something else, you could call the Y and X axis.
But here they're called main and cross axis.
So each time you'll hear me reference main and cross axis just now.
This are domain and across axis.
OK, so that's enough with the slides.
Let's get into flex box.