Atomic Bulldog - UI/pattern library

4.2.2.2 - Grid dense

Source: layouts/_grid.scss, line 205

Open in new window

.is-dense with grid will make the grid dense.

Dense Is a keyword specifying that the auto-placement algorithm uses a “dense” packing algorithm, which attempts to fill in holes earlier in the grid, if smaller items come up later. This may cause items to appear out-of-order, when doing so would fill in holes left by larger items.

https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow