Flashcards
Flex
Cards in this deck (8)
- 1Flex syntaxflex-grow flex-shrink flex-basis |auto|initial|inherit|none
flex: 0 0 auto; flex: auto;
flex: 0 1 auto; flex: none; - 2To make item inflexibleflex: none;
flex: 0 0 auto; - 3To make item fully flexible(absorb extra space along the main axis)flex: auto;
flex: 1 1 auto; - 4To make item inflexible when there is some extra space left, but to allow to shrink to its minimum when there is no enough spaceflex: initial;
flex: 0 1 auto; - 5To make item flexible and receive specified portion of extra space;flex: 1 0px
- 6What the flex-grow property does?specifies how much the item will grow relative to the rest of the flexible items inside the same container
- 7What the flex-shrink property does?specifies how the item will shrink relative to the rest of the flexible items inside the same container
- 8What the flex-basis property does?specifies the initial length of a flexible item.
Information
- Description
- Web Developing Flashcards on Flex, created by Fedor Pasynkov on 23/03/2020.
- Created by
- Fedor Pasynkov
- Views
- 11
- Tags
- Rating