How can I alter the number of images per row on mobile view?

[sindilane]

Hey guys,
I have a problem and can't find a solution for it: On desktop I have 4 images per row on my homepage, but on mobile it is just 1 per row. But I want to have 2 per row on mobile. Does anyone know how to change that?
The shop isn't published yet. Do you need access for that?

Thank you very much!

[suyash1]

@sindilane - can you please share preview link of the site? or password to view this page? if you want to keep private then you can DM or email the password.

[sindilane]

Here is the preview link: https://k0sfvenpt8mnddgm-63530041561.shopifypreview.com
Regards!

[suyash1 · Accepted solution]

@sindilane - please add this css to the very end of your theme.min.css file and check, should look like screenshot below

@media screen and (max-width:749px){
.gallery .grid{display: flex;     flex-wrap: wrap;}
.gallery .gallery-item{width: 50%;}
}

[sindilane]

Omg it worked, thank you very much!