Tailwind CSS Flex Shrink
The CSS flexbox is a vital feature to develop the frontend, there is two flex-shrink available in tailwind CSS all the properties are covered as in class form. It is the alternative of CSS flex-shrink Property for the fast development of the front-end. This class specifies how much the item will shrink compared to other items inside that container. It defines the ability of an element to shrink in comparison to the other elements which are placed inside the same container.
Flex shrink :
flex-shrink-0: This class restricts the shrinking feature, it has the ability of an item to shrink compared to content present inside the same container.
<element class="flex-shrink-0"> Contents... </element>
flex-shrink: This class does not restrict the shrinking feature. It has the ability of an item to shrink compared to the space left on the screen and get fits in that leftover space.