Version 5.9 and Gutenberg Gallery responsiveness

Hi Ying, this is in response to your request to open a new topic (see thread below).
I'm using premium both GP and GB. To recap the problem, in mobile I’d like to stack images which are in the Gutenberg Gallery, but even after I add the CSS (that has been recommended before on the GP site) there is no effect. I know it's not a Generate block, but I'm wondering where the problem is.

Below is the CSS I added. I added the !important property because it wasn’t working without it, but it’s not working with it either. The site is mondisti.com (no staging subdomain).

@media (max-width: 768px) {
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item { width: 100% !important; }
}

I’ve refreshed the page and cleared the (siteground) dynamic cache, but I can’t get the images to stack. Any hints welcomed.

-------------------
July 7, 2022 at 10:53 am #2276418
Hi Lucie,

The CSS looks correct, not sure about the CSS selector, I’ll have to see the HTML.

Can you open a new topic and link us to a page where we can see this issue?

Let me know