Jump to content

roem

Member
  • Posts

    17
  • Joined

  • Last visited

Posts posted by roem

  1. Hi @tuanphan,

    Thanks for your response, your fix works, but only with a single row.

    I've created a new page on the test website that shows exactly what I will try to do on my real website. I tried to use your fix from your response on the new website page, but it doesn't seem to work.

    As you can see in the below image, the text boxes aren't the same height. By the way, these text blocks are part of the image columns, and I just set "margin-top: -35px" to eliminate the gap between the text and image blocks.

    How do I make the text blocks maintain equal height on this page?

    Thanks again!

    image.thumb.jpg.cf73976faee491957f9ae0d683b68310.jpg

  2. Site URL: https://cobalt-endive-6g42.squarespace.com/

    Hi all, 

    I'm trying to figure out how to make three text blocks--arranged side by side--maintain equal height as you resize the browser. I haven't been able to find many posts that address this issue, though I keep seeing "display: flex" brought up as a potential solution. I've been playing around with it for a few days and haven't come up with anything.

    As you can see in my screen shot, I just want the red part of the other two text blocks to always match the height of the the third one. Simply adding in something like "height: 200px" doesn't work because it's not responsive.

    Any help would be appreciated!

    Site Password: 123
     

    image.thumb.jpg.eada1c485c4de8db6ed0b330330981e3.jpg

     

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