About Lesson
Defination:
Flexbox, or the Flexible Box Layout, is a layout model in CSS that provides an efficient way to design complex layouts with a more predictable and powerful alignment of items within a container. It’s particularly useful for creating dynamic and responsive user interfaces. Flexbox allows you to distribute space along a single axis (either horizontally or vertically) and automatically adjusts the size and position of elements within a container.
Mainly flexbox properties divided into two Categories.:
1. Container Properties
- display: flex;
- flex-direction
- justify-content
- align-items
- align-content
- flex-wrap
- flex-flow
2. Item properties
- flex-grow
- flex-shrink
- flex-basis
- flex
- order
- align-self