Jump to content

Make my two divs/card elements stay the same height when screen resolution changes

Recommended Posts

Site URL: https://tulip-elephant-9znb.squarespace.com/

Is there a way to make these two divs always stay the same height? Or if it's easier just stack them as soon as they start to change height? This is what I have right now but it's not helping. This is on SS 7.0 which i'm not as familiar with

@media screen and (max-width:770px)
{

  #yui_3_17_2_1_1645827758293_332{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  
  #yui_3_17_2_1_1645827758293_332 img{
    flex-shrink: 0;
    min-height: 100px;
  }

}

Capture.JPG

2.JPG

Edited by dupon1me
added photo
Link to comment
  • dupon1me changed the title to Make my two divs/card elements stay the same height when screen resolution changes
  • Replies 1
  • Views 206
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.