Shadows 10.05 Limit Subcategories to 5-across

[netblazon]

In the new Shadows 10.05 version, I need to limit subcategories to a max of 5 on each line. I know this has something to do with grid-template-columns on the .x-subcategory-list selector, but I can't seem to quite make it work.

I tried this:

.x-subcategory-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

Which is great in many cases, but if there are only two subcategories, it makes each one REALLY call, with a lot of whitespace above and below the image, with the subcategory name way down at the bottom as shown in this image.
chrome_2022-12-22_13-04-17.png

Thanks,
Susan

[netblazon]

Disregard, this was an issue with media queries, because I wanted 2-across on phones. For posterity here is what works, hopefully in all cases.

.x-subcategory-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 40em) {
.x-subcategory-list {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}

[RTHOMASDESIGN]

So happy they switched to CSS Grid -- should've done that with the last release (but I get they were still trying to support IE 11). CSS Tricks has a pretty great article here:

https://css-tricks.com/snippets/css/complete-guide-grid/

-Ryan

[lesliekirk]

So happy they switched to CSS Grid -- should've done that with the last release (but I get they were still trying to support IE 11). CSS Tricks has a pretty great article here:

https://css-tricks.com/snippets/css/complete-guide-grid/

-Ryan

I'm thinking it should be called Shadows 3.0