How to reduce the gap of a collection

[Luiz_Roberto]

I have a horizontal card collection that I would like to simulate Instagram stories. It looks great on mobile, but when I access it on Windows, the space between one image and another is too big.

On mobile, 4 photos appear, on Windows (which has a much wider screen) I would like 8 to appear. The problem is that there are only 6 photos, leaving a very large gap between one image and another.

Is there any way to adjust this using custom CSS?

[Himaladin]

The issue doesn’t lie with the gap but rather with the card size. Try testing the following code:

#page-root .collection-class [data-testid="cc-card"] {
  width: calc(12.5% - var(--grid-gap) * (4 / 4));
}

#page-root .collection-class [data-testid="horizontal-collection-container"] {
--grid-gap: 10px;
}