How to stop Grid Gallery block thumbnails from going over two lines on mobile (York)

Site URL: https://www.sarahwalker.work/

Hi there folks!

I'm having trouble with the gallery block on my homepage. It contains three images, with the column number set to 3 in the gallery settings. On desktop, it displays fine, but on mobile, the grid pushes the third image onto a new line, which is making me frustrated.

I had a Google and tried the following code in the Custom CSS area, but to no avail - it keeps running over two lines, rather than forcing the grid to three on mobile.

@media screen and (max-width: 640px) {
  .sqs-gallery-block-grid .slide.sqs-gallery-design-grid-slide {
    width: calc(100%/1);
  }
}

This is all well above my wheelhouse - my coding knowledge extends to inserting images and making html links (what a boss). I'd greatly appreciate any thoughts anyone might have about how I can wrangle this!

Cheers from Melbourne, Australia,

Sarah

Add to Home > design > Custom CSS

@media screen and (max-width:960px) {
.homepage .sqs-gallery-block-grid .slide {
    width: 33.33% !important;
}
}

That worked perfectly! Thank you so much!