Two Columns on Mobile View

Site URL: http://musicwithmichal.squarespace.com/about

Hey there, 

I would like to make the "Team" section of the site two column on mobile.
I have changed the width to 50% but unsure how to push the other block up to be next to the other.

Url is http://musicwithmichal.squarespace.com/about

Password is "music"

Thanks in advance!

You will need to rearrange the way you have dragged in your blocks in order to accomplish this. If you want to send me an email you can add me to the site and I can fix it for you. 

schwartz-edmisten.com/contact

On 5/17/2022 at 3:25 AM, rishisamuelpatel said:

Site URL: http://musicwithmichal.squarespace.com/about

Hey there, 

I would like to make the "Team" section of the site two column on mobile.
I have changed the width to 50% but unsure how to push the other block up to be next to the other.

Url is http://musicwithmichal.squarespace.com/about

Password is "music"

 

Thanks in advance!

It looks like you figured it out with this CSS code?

@media (max-width: 767px) {
    div#page-section-6274547e5d730732a6acb44d>.row>.col>.row {
        display:flex;
        width: 100% !important;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: stretch;
        justify-content: left;
        align-items: flex-start
    }

    div#page-section-6274547e5d730732a6acb44d>.row>.col>.row .span-3 {
        width: 49% !important
    }

    #page-section-6274547e5d730732a6acb44d {
        width: 100%
    }

    .m-title h2 {
        margin-top: -5px
    }

    #block-9bb72ea8f303883a896e,#block-6efa215455771934c57f {
        position: relative
    }

    #block-yui_3_17_2_1_1652047917459_29523,#block-yui_3_17_2_1_1652047917459_31513,#block-yui_3_17_2_1_1652047917459_32232,#block-yui_3_17_2_1_1652047917459_33414 {
        min-height: 575px
    }

    .header-menu-nav-folder-content {
        margin-top: 0
    }
}