CSS Flexbox is a responsive design layout that helps in aligning HTML elements efficiently.

Flexbox distributes elements within their parent container, even if the size of items is unknown or dynamic (hence the term "flex").

• There are various properties associated with this model, that are either applied to the parent flex container or the children flex items.
• In this post, I will try to explain all the properties that are applied to the flex-container.

Find the demo for Flex container properties demo here

Find the demo code here