How flexible items can be of the same length regardless of its content in CSS ?
The flex property is used to set the length of flexible items regardless of their content in CSS. So to make flexible items to the same length, regardless of their content in CSS, we use flex property. It takes three values first is flex-grow that specifies how many items will grow relative to the rest of the flexible items, the second is flex-shrink that specifies how many items will shrink relative to the rest of the flexible items, and the third is the length of the items. In this article, we will learn how the flexible items are the same length, regardless of their content in CSS.
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.
flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;
Before applying the flex property:
After applying the flex property: