Jump to content

2 images side by side, full width.

Recommended Posts

392326543_ScreenShot2021-04-21at9_14_01AM.thumb.png.aa03edc1928739d85650646981185084.png

I have a patch job solution for this, but want to know if there's a better way I can do this. For this gold, and green section, I simply have a background photo that is half gold and half green. It creates a cool look on desktop, but then, as one would expect, on mobile it looks kind of silly, where the stacked text overlaps the gold and green.

Maybe an easy solution for this would be to use CSS to just remove the image for mobile, so it would default to the solid color? Seems like it'd be a simple solution, but not sure how to do this. Can someone help?

 

 

 

Link to comment
  • Replies 1
  • Views 436
  • Created
  • Last Reply

@Fruitful this would be a great use case for Flexbox. Chris Schwartz-Edmisten has a tutorial here: https://schwartz-edmisten.com/custom-layouts-with-flexbox

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.