Hi! I have used the following code to force my simple grids to display as single images on mobile:
@media screen and (max-width:1400px) {
.gallery-grid-wrapper {
grid-template-columns: repeat(1,1fr) !important;
grid-row-gap: 3vw !important;
It is working on the first grid on my homepage, but strangely not on the second grid at the bottom of the homepage.
Can anyone help me understand why it wouldn't apply to all grids, and perhaps offer a solution?
https://www.vermontgoldsmith.com/
PW: nbgoldsmith
Thanks in advance!
