The MDN discribed that the flex CSS shorthand properties is sets on how a flex item will grow or shrink to fit the space available in its flex container.
The way you want to display your content can say a lot about your company. By having high-quality content and knowing how to display them make it clear what your user can understand the importants. CSS has always one of most important part of a web developer. At the beginning of a web design was a hard job creating a web page layout. The evolution of the webpage has come a long way by two CSS layout systems that we can work with.
- Flexbox
- CSS Grid
Different flex items
- flex-<number>
- flex-<function>
- flex-auto
- flex-initial
- flex-none
- flex-(<custom-property>)
- flex-[<value>]