Please enable JavaScript.

Coggle requires JavaScript to display documents.

5.2: Flex sizing - Coggle Diagram

- - - - takes up all available space
    - - they share the available space
  - - - twice as much space
      - as any other element
- - - - at once
    - - three values
        
        flex-grow | flex-shrink | flex-basis
      - one value
        
        unitless number
        
        flex-grow
        
        width/height unit
        
        flex-basis
      - two values
        
        second width/height units
        
        flex-grow | flex-basis
        
        both unitless
        
        flex-grow | flex-shrink