Three text blocks side by side

Site URL: https://finch-cheetah-mfnd.squarespace.com

Hello guys i´m building a site (https://finch-cheetah-mfnd.squarespace.com/) and have a problem: i have a turquoise bar with three text blocks side by side on the start page with colored bg. If i switch to pad or mobile view all the elements are moving and are not readable anymore. Any CSS Code to fix this or any other idea how to realize this? Thanks in advance!

Hi

Use this code in Design -> Custom CSS

@media screen and (max-width:640px){
#page-5e2b5db5efa4c32e8b9d29d8 .col.sqs-col-4.span-4 .sqs-block.html-block {
    margin: 3px 0 !important;
    padding: 30px 0 !important;
}
}

Please use the like button if it helps you!

Best,
Leopold

Seems like this code is not working, screenshot attached

Contact me via DM to check it for you , please.

Answered your email. If it works, can you share the solution for future members?