CSS Flexbox - CSS Flexbox is a new Layout module in CSS 3. It is called flexible box because it can create a flexible and responsive container with some small containers inside it. CSS Flexbox makes it very easy to create a responsive layout without much brainstorming. Earlier, Web Designers had to use floats to align divs which is not the case with CSS Flexbox.
To start with flexbox you just have to add a single property
display:flex; in your parent element and all of its child elements will start behaving like flex-items.
There are many advantages of flexbox and it depends on designer to designer how they use it. Below are given some of the basic features of flexbox, have a look:
We will explain flexbox in a very simple language. The first thing you should know that for using CSS Flex, you have to create a Flex Container (Parent Container) which will host some Flex Containers (Child Containers). CSS Flexbox has different properties for both Parent and Child Containers.