Jump to content

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

Recommended Posts

  • Replies 5
  • Views 441
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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";
}}}

image.thumb.png.241c9260f82ff4abb1a7be9460376f8c.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.