Have a gallery section side-by-side with another section

https://www.karibuadventures.com/alta-valsesia

password: karibu2022

I have a gallery section next to a text block section with the help of the below css code, however on narrow screens it make the section below cut in half and jagged. Any help would be appreciated to make these two sections align perfectly and not affect the section below.

@media only screen and (min-width: 641px) {
  #collection-634893cc9a464a662fdca2b6 {
    #page .page-section:nth-of-type(5) { /*second second on the left*/
      width: 50%;
      min-height: 80vh;
      align-items: center;
      float: left;
    }
    #page .page-section:nth-of-type(6) { /*third section on the right*/
      width: 50%;
      min-height: 80vh;
      align-items: center;
    }
    #page .page-section:nth-of-type(4) { /* forth section full width again */
      clear: both;
    }
  }
}

I'm guessing that one of the configurations for one of your sections has a different height than the other. You could try adjusting this from the Editor. If not, you could try setting a maximum height property.

Hi Wolfsilon, thank you for the quick response. The max height seems to have helped the other pages, but this page still is wonky - no matter how high I set the height to, it still does this (see attached). I think the reason why this page isn't looking great is that the amount of words next to the gallery is longer than the other pages. If I cannot convince my client to reduce the copy, do you have any other ideas? Thanks again!

How about moving slider above/or under text on some screen sizes?

I'm having the same problem! I wish squarespace would have a template for gallery next to text!

@m10ki Did you every figure it out?

On 1/20/2023 at 4:52 AM, tkk said:

I'm having the same problem! I wish squarespace would have a template for gallery next to text!

@m10ki Did you every figure it out?

If you share link to page where you added gallery, we can give code to do this

My page isn’t published yet. it’s just a gallery block with a text block beneath it at the moment

On 2/2/2023 at 8:03 AM, tkk said:

My page isn’t published yet. it’s just a gallery block with a text block beneath it at the moment

You can follow this guide to know how to share link: