VOOZH about

URL: https://www.geeksforgeeks.org/css/tailwind-css-flex-shrink/

⇱ Tailwind CSS Flex Shrink - GeeksforGeeks

  • Courses
  • Tutorials
  • Interview Prep

Tailwind CSS Flex Shrink

Last Updated : 23 Jul, 2025

Tailwind CSS Flex Shrink provides utilities to control the shrinking of flex items.

Syntax:

class= "flex-shrink-0"

Flex shrink Values:

  • flex-shrink-0: This class is used to prevent the shrinking of an element.
  • flex-shrink: This class is used to shrink an element.

Example 1: This example shows the usage of the Tailwind CSS flex-shrink-0 class.

Output:

👁 Image

Example 2: This example shows the usage of the Tailwind CSS flex-shrink class.

Output:

👁 Image
Comment