HTML & CSS · Middle · Question 54 of 75

What does `grid-auto-flow: dense` do?

✓Correct answer: Fills earlier gaps with later smaller items, so the visual order can differ from the DOM order
2Removes gap between grid items
3Makes all rows the same height

Explanation

It is handy for galleries with items of different spans. Like order, it can break the correspondence between visual and keyboard order.

Further reading

MDN: Basic concepts of grid layout ↗

Test yourself

Take the HTML & CSS · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.