Side by Side block for Mobile View

Site URL: https://www.g11lab.org

Hi there.

H would like to ask you to kindly help me in putting summary block and normal block side by side in the mobile view, and not over each over.

Website link: https://www.g11lab.org

Pass: 123

mobile view:

normal (desired) view:

also for regular block:

Thank you in advance !

Just answered your email. Here the code

/* Mobile blocks side by side */
@media screen and (max-width:767px) {
div#page-section-5fbe6f383c02f22b9ddf6884>.row>.span-6 {
    width: 50% !important;
    float: left !important;
}
div#page-section-5fbe6f383c02f22b9ddf6884 .markdown-block {
    min-height: 70px;
}
}

Thank you for your quick response 
It works !!

thank you @tuanphan

However, it works only for this section. I was wondering if there is code function for all website sections?

Much appreciated

20 hours ago, Alsayel said:

Thank you for your quick response 
It works !!

thank you @tuanphan

However, it works only for this section. I was wondering if there is code function for all website sections?

Much appreciated

Which sections do you want to apply code?

On 2/8/2021 at 12:43 PM, tuanphan said:

/* Mobile blocks side by side */
@media screen and (max-width:767px) {
div#page-section-5fbe6f383c02f22b9ddf6884>.row>.span-6 {
    width: 50% !important;
    float: left !important;
}
div#page-section-5fbe6f383c02f22b9ddf6884 .markdown-block {
    min-height: 70px;
}
}

I'm having a similar issue with the mobile version of my contact us page. The opening times and days match up on the desktop version but not the mobile version and I can't seem to find the row span - I wonder if you could help me. 

https://banjo-aqua-pr5l.squarespace.com/contact
PW: Tempsite2021

21 hours ago, Gabrmol said:

I'm having a similar issue with the mobile version of my contact us page. The opening times and days match up on the desktop version but not the mobile version and I can't seem to find the row span - I wonder if you could help me. 

https://banjo-aqua-pr5l.squarespace.com/contact
PW: Tempsite2021

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-612733437611685bae1ab3b1 .span-7>.row>.col:nth-child(n+2) {
    width: 50% !important;
    float: left !important;
}
}