Collection page is not showing properly ( Showing empty spaces )

Store Design
1

Hi there,

My collection page is showing some empty spaces ( please see the image )

The collection of products showing gap between. Please see the image attached. URL below

UsmanSipra_0-1642333076538.png
UsmanSipra_0-1642333076538.png1366×768 152 KB

My store collection page is https://www.tribeuno.co.uk/collections/tribe-vibes-1?page=2&_atid=bLCvikRzFE7qnzhxgsQMJeIYMgggX0

1 Like
2

@UsmanSipra

sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
ul.grid.grid--uniform.grid--view-items {
    display: flex;
    flex-wrap: wrap;
}
3

Thanks @KetanKumar . This worked.

1 Like
4

@UsmanSipra

its my pleasure to help us

5

What about if you are using the flow theme, there is no theme.scss.liquid