FlexBox is also known as Flexible Box. FlexBox is a new approach of using CSS's display property in a different and whole new manner. Usually, the block components stack vertically whereas inline elements stack horizontally(until they break onto a new line).
Flexbox components will either stack vertically or horizontally completely based on your setup. They should be equally and evenly spaced across the page or squeezed tight up against one another. The purpose of using flexbox is to provide a lot of customization control to web designer who wish to create naturally responsive web design.
Any component referred to a flexbox could be a container element. This container holds internal components referred to as flexbox items
In today's world where everything is viewed on the internet, the browser has become integral part of it. This is the very reason why you would prefer to use flexbox is because it lets you to lay a group of web elements in one direction or another. As you lay out your items that you wish to manage or adjust the size and scale the things in this one dimension, or adjust the spacing between web elements. These are the uses that flexbox was designed for. You will be able to read lot more about the flexbox and the difference between flexbox and CSS Grid Layout in terms of Flexbox to different layout methods, when you take up web designing course in Chennai where you will taught advanced web designing including flexbox and other concepts of responsive designs.