When editing collection lists, I am finding myself in the same situation as when I tried to use the Navbar element… It doesn’t behave the way I expect, with funky margins/padding issues. With that, it was just easier to build my own than use the one out of the box. Is there a way to build my own collection list system and still use the Webflow CMS?
If not, maybe I can get help with styling the collection list. I can get the layout I want but it doesn’t handle responsiveness the way I want it to. Usually, I use divs with flex layouts to get things to work the way I need them to. But when I try to use a flex layout with the collection list wrapper, the page goes crazy. When I try to use Divs to get things to behave the way I usually do, I am blocked by an error that reads “Element can not be placed in a collection list wrapper.” This effectively blocks me from getting the responsiveness to work in a way that doesn’t look like hot garbage. I could probably figure this out if I were more experienced but this is the first site I’ve ever had to build and I am still very green. Any help would be appreciated.
What I would like to see is the articles arranged in a grid that, at desktop screen sizes, has three articles. When I shrink the width, it should adjust to 2 that fill the width (right now they stay the same width as when the screen fits 3). This should adjust until it only fits one column.
As far as I can tell, this is a very standard and simple use case. but without the ability to add divs and use flex I can’t figure out how to do this.
Here is my public share link: