Ruled Grid?

Flights of stairs. Flights of fancy. As a metaphor flights can mean change. Our lives are filled with stories and experiences brought about by change. Stories we can use as an active aging strategy.

No Media Queries?

If possible, can we avoid media queries? Can it work flawlessly at any breakpoint?

Any Column Count?

It would be great if the technique would work regardless of the number of columns & rows!

Any # of Grid Items?

If we have an uneven number of grid items in the grid, will it still work?

Avoid :nth() selectors?

We must avoid :nth() selectors as they'll break column count flexibility.

Works with any background?

Can't use background-color & gap technique because it's too limiting.

Also! If grid cells have an uneven amount of content, can we force all grid cells to be symmetrical?