Aligning Flexbox

What is Flexbox?

Flexbox is used to align items vertically and horizontally in a container of a webpage. It is a one-dimensional layout model. Meaning that it only deal with layout in one dimension at a time, either it can align vertically (column) or horizontally (row).

Parent, Child Relationship

In Flexbox, the aligning part is done in parent element also called as flex-container. The child elements are present inside the flex-container.

The parent element should contain the display: flex prop...