Making 1 Column in Mobile

Site URL: https://nickreiswig.com/europe-series

Hello, I've been trying everything (I feel)  possible to overwrite this grid to transition to 1 column in mobile mode instead of 2 columns.... The website page is https://nickreiswig.com/europe-series 

If a SquareSpace guru could possibly help me, that would be much appreciated. 

thank you,

Nick 

No I didn't... I'm wanting 1 column not 2 columns in mobile mode. 

It looks like you solved with this CSS?

@media only screen and (max-width: 800px) {
    #block-ff311ae9742b5f3a032c {
        padding-right:.8em
    }

    .sqs-block h4 {
        font-size: .9em
    }

    .sqs-block h4,.sqs-block h1 {
        line-height: .45em
    }

    .sqs-block h1 {
        font-size: 5em
    }

    .gallery-grid-wrapper {
        grid-template-columns: 1fr !important
    }
}