seniorCSS
Advanced Grid Auto-placement algorithms.
Updated Apr 28, 2026
Short answer
Grid auto-placement automatically places items into empty cells. The grid-auto-flow property dictates this behavior.
Deep explanation
Values are row (default), column, and dense. dense instructs the algorithm to backtrack and fill in empty holes earlier in the grid if smaller items come up later in the DOM. This creates tightly packed, masonry-lite layouts.
Unlock with a Pro subscription to view this section.
View pricingReal-world example
No real-world example available yet.
Unlock with a Pro subscription to view this section.
Upgrade to ProCommon mistakes
No common mistakes listed yet.
Unlock with a Pro subscription to view this section.
Upgrade to ProFollow-up questions
No follow-up questions available yet.
Unlock with a Pro subscription to view this section.
Upgrade to Pro