flex-grow
Sets the flex grow factor to the provided number. Negative numbers are invalid. 7.2.1. The flex-grow property
Links about flex-grow
Understanding flex-grow, flex-shrink, and flex-basis | CSS-Tricks
When you apply a CSS property to an element, there’s lots of things going on under the hood. For example, let’s say we have some HTML like this: <div
Digging Into the Flex Property - Ahmad Shadeed
How CSS flex-grow, flex-shrink, and flex-basis works.
`flex-grow` is weird. Or is it? | CSS-Tricks
The following is a guest post by Manuel Matuzovic. It illustrates how flex-grow works, weird quirks and all. Then he goes into several examples on how
Code sample
li {
flex-grow: 1;
}
Explore other pages
- aria-current
Indicates the current item within a set of related elements.
- scroll-behavior
Specifies the scrolling behavior for a scrolling box.
- inert
Indicates that the element is to be made inert.
- position: absolute
A box is explicitly offset with respect to its containing block.