• Introduction
    • Installation
    • Customization
    • Tailwind differences
    • SCSS
    • Preflight
    • Grid System
    • Aspect Ratio
    • Display
    • Isolation
    • Object Fit
    • Overflow
    • Position
    • Top / Right / Bottom / Left
    • Visibility
    • Z-Index
    • Flex Direction
    • Flex Wrap
    • Flex
    • Flex Grow
    • Flex Shrink
    • Order
    • Gap
    • Justify Content
    • Justify Items
    • Justify Self
    • Align Content
    • Align Items
    • Align Self
    • Place Content
    • Place Items
    • Place Self
    • Margin
    • Padding
    • Width
    • Min Width
    • Max Width
    • Height
    • Min Height
    • Max Height
    • Font Size
    • Font Style
    • Font Weight
    • Text Align
    • Text Color
    • Text Decoration
    • Text Transform
    • Text Overflow
    • Vertical Align
    • Whitespace
    • Background Color
    • Border Color
    • Border Radius
    • Border Width
    • Opacity
    • Cursor
    • User Select

Flexbox & Grid

Flex Shrink

Utilities for controlling how flex items shrink.

Quick reference

ClassProperties
shrink
flex-shrink: 1;
shrink-0
flex-shrink: 0;
Flex GridFlex Grow
Flex GridOrder

Made with ❤️ by Outloud