Accordion Rows in CSS Grid

I’d bet grid-template-columns is used about 10 more than grid-template-rows, but maybe everyone has just been missing out. Eric Meyer chucks a bunch of row lines onto his main site layout grid like this:

grid-template-rows: repeat(7, min-content) 1fr repeat(3, min-content);

That way, if you need to use them they are they for you:

I like this pattern. It feels good to me, having two sets of rows where the individual rows accordion open to accept content when needed, and

… Read article “Accordion Rows in CSS Grid”

The post Accordion Rows in CSS Grid appeared first on CSS-Tricks.

You can support CSS-Tricks by being an MVP Supporter.