I need to hide filter collection list empty space

Design help General
1

I have a collection of 288 items that I want to display using filters. There’s a limit of 100 items per collection list, so I’m using three collection lists linked to the same CMS. The problem is that when the filter (like “blockchains”) results in no items from the first list, it creates a large empty space before the next list appears. I think this might be related to the grid design, but I’m not sure because my coding skills are quite limited.

How can I hide that empty space when there’s no result coming from the filtering?

Here is my site Read-Only: LINK

2

You can design your collection lists so that there’s no gap between them, and there is only a layout wrapper for padding and margin.

But depending on what you mean by filtering, I’d typically use Finsweet CMS filter and FInsweet CMS load. Then you only need one collection list, and it can dynamically filter all 288 items.