How to display two text blocks side by side on mobile?

Site URL: https://octahedron-cow-psze.squarespace.com

Hello!

I'd like to align two blocks of text side by side in the mobile version of my website.
I can do it on the desktop version but when displayed on mobile the blocks of text stack on each other.

Your site is private. Can you setup password & share url again?

Oh! It's public now. Can you help me now?

21 hours ago, filipaaraujo said:

Oh! It's public now. Can you help me now?

Like this?

Yes, thank you, but the "donate" button would be aligned to the right 🙂 

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-623d69a36c1749730e351877 {
.span-4 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.span-4 .image-block {
    grid-column: ~"1 / 3";
}
.span-4 .html-block:nth-child(3) {
    grid-column: ~"1 / 2";
    grid-row: ~"2 / 3";
}
.button-block {
    grid-row: ~"3 / 4";
}}}