Need film making image grid dynamically resize for mobile (forte template)

Hi First Time Squarespace User Here,

I'm designing a website for my film and trying to showcase our festival laurels on the front page of our site. The laurel icons looks fine on desktop view, but then they become huge when displayed on ipad and mobile. They go from 4 across to 2 across, so I am wondering if a css code is possible to resize this so they stay 4 across the whole time?

Also, this may sound goofy but I really don't know: Can I link you guys to my site without going live?

Appreciate any help!

Brian

@deelow14 Can you post your site url?

Hi Tuanphan, Can I share the URL with you without making it live first?

Hi Tuanphan, Can I share the URL with you without making it live first?

@deelow14 See here: https://beaverhero.com/squarespace-how-to/#HowtoSetupPasswordShareSiteURL

Thanks!

Site URL: https://followmyth.squarespace.compw: jpsmithx

Just at the bottom of my home page, underneath the video embed link

Thanks!

Site URL: https://followmyth.squarespace.compw: jpsmithx

Just at the bottom of my home page, underneath the video embed link

@deelow14 Add to Home > Design > Custom CSS

div#block-yui_3_17_2_1_1563222000772_5462 .sqs-gallery-design-grid .slide {
   width: 25% !important;
}

Amazing! Thank you so so much.

Amazing! Thank you so so much.

@deelow14 If it worked, you can click Accept Answer Button. Other members can use it.