Now, when should you use flex box?
Personally, I would like to use Flex Fox for a few main things.
For example, scaling vertical and horizontal alignment and reordering elements within a container.
These are best use on page components within a parent element.
There are plenty of other uses for flex box, like changing the direction of the column.
Ororo, but honestly, I prefer to use milkweeds and percentage base width for creating columns and
rows.
Some best practices for using flex box hours following for navigations.
A common pattern for navigation is to have a common pattern for navigations is to have a list of items
displayed as horizontal bars.
This pattern, as basic as it seems, was difficult to achieve before flex box.
It forms the most simple of flex box examples and could be considered the ideal flex box use case.
We also have split navigations, another way to align items on the main axis is to use all the margin.
This enables the design pattern of navigation bar, where one group of items are aligned to the left
and the other group is aligned to the right side.
Centering an item now, believe it or not, but before flexibles developers would joke that the hardest
problem in Web design was vertical centering.
This has now been made straightforward, using the alignment properties in box, as you would now just
display as flex, then a line item recentre and then justify content recentre.
Also, some pesky case uses are for car layouts and media objects.
And last but not least, form controls for us is particularly useful when it comes to styling form controls,
forms have a lot of makeup and a lot of small elements that we typically want to align with each other.
A common pattern is to have a input element paired with a button, perhaps for a search form, or whether
you simply want your visitor to enter an e-mail address.
So in conclusion, whether you choose to use flexibles or not in your designs, always think about the
best way to present the content that you have and then see how flexibles or other layout methods can
help you achieve it.
OK, so thank you very much.