Notes on flex-grow, flex-shrink, and flex-basis

The three-value syntax flex: 1 1 300px; /* │ │ │ │ │ └── flex-basis (starting size) │ └──── flex-shrink (how much it can shrink) └────── flex-grow (how much it can grow) */ Most people use the shorthand (flex: 1) but the three-v...