Padding and Collection List issue - How To Fix?

Hey guys,

I’m having a brain fart, whats the way to make your collection item be perfectly padded and also align to container left and right without changing the whole thing.

As you can see its not parallel with the top image, its fine with no padding, but i want the padding. Will I have to create 3 separate collection lists?

Can you share the read-only link?

1 Like

https://preview.webflow.com/preview/vastlo-digital?utm_medium=preview_link&utm_source=dashboard&utm_content=vastlo-digital&preview=72d31d8f3f66313e7a90550d7207f7ef&mode=preview

Remove the left padding (25px) from the Collection Item. and add additional padding for the right side.

Then edit the padding again on the mobile and make it equal on all sides to center it for mobile devices.

You will have the spacing as you need.

There are other ways, but this is simple and works better.

1 Like

I worked it out, had to add -margin to the collection wrapper. thanks for your help!

Another way (and better way imo) is to set the collection list to grid, and then set collection item layout to full width