Collection list full width without white space

Store Design
1

Hi there,

I managed to make my products look like this (which I want)

Schermafbeelding 2022-11-05 151936.png
Schermafbeelding 2022-11-05 151936.png2880×1200 582 KB

But now the lines between the images are just a bit thicker than the lines on the outside. How do I get them to be as thin as the other lines?

1 Like
2

This is the code I used in base:

.collection-list-wrapper {
max-width: 100%;
padding-left: 0px;
padding-right: 0px;
}

@media screen and (min-width: 750px){
.collection-list {
column-gap: 0;

}
.collection-list.grid–4-col-desktop .grid__item {
width: calc(100%/4);
max-width: calc(100%/4);
}
}

3

@Joy51

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.