Brooklyn mobile issue with empty space

[IceWorldz]

For some reason on mobile there is an empty space between products randomly as seen below. 

theres two products in a row then random space and then item i want there to be products there not an empty box. this issue happens on every page on mobile other than home page.

[KetanKumar]

Hello, @IceWorldz 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[IceWorldz]

i sent private message sir can you check

[Raulinoandco]

Hello,

I am having the same issue with my Brooklyn mobile theme. Almost all products are in line properly however there are a few random gaps. I have tried following some code in other posts regarding this same issue however it didn't work for me. I am also having an issue with the height of the different products on mobile, some products with their descriptions are almost a cm higher than the other one. I will attach photos of both issues. Could someone please point me in the right direction? 

the website is raulinoandco.com 

Thank you for your help.

Leo

[KetanKumar]

@Raulinoandco 

Thanks for your post

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 768px) {
#CollectionSection .grid-uniform {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}
}

[Raulinoandco]

Thank you very much for the quick reply! It works perfectly now and looks great! Thank you

[KetanKumar]

@Raulinoandco 

Thanks for update and support