Flexbox and Grid algorithms in depth
Comes up in: Web fundamentals, Machine coding
This concept is being written. It gets the full five steps — explanation, predict, interview angle, practice with tests, and review cards. Here is exactly what it will cover, so you can study it elsewhere in the meantime.
What it covers
- flex sizing algorithm (basis → grow/shrink → min-content minimums
min-width: 0fix)- grid track sizing (
auto,fr,minmax,fit-content) - subgrid
- alignment
- intrinsic sizing keywords
Words you will know
What you will practise
- fix text overflow in a flex item
- card grid with subgrid
Interview questions this answers
- Why does a flex item overflow its container with long text?