How to change grid gallery mobile view

Hi

I am trying to change grid gallery mobile view, but I do not understand how to change it.

From the attached pictures you can see, that currently on the desktop and mobile view I have two pictures side by side. I would like to keep this design for desktop but I would like to have pictures in a separate row in mobile. I understand that I need to use CSS for that, but I was not able to make the change.

Could anybody explain me how can I change the mobile view for grid gallery in a way, that pictures would be in a separate row?

Thank you for all the help!

You need to use CSS in this case. Difficult to give exactly code without checking page url.

Hi!

Could you be so kind to check the page - https://lilac-dragonfly-9ft6.squarespace.com/ - and the post Guide to St. Petersburg, Russia.

Any help would be much appreciated!

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.collection-type-blog-single-column.view-item .slide {
    width: 100% !important;
    float: none !important;
}
.collection-type-blog-single-column.view-item .slide img {
    width: 100% !important;
    height: auto !important;
}
}