Squarespace 7.1 - Split Sections uneven in height (Text Block and Gallery)

Hi,

A client has asked for a page that shows his construction projects. On the page, the left side will have text about the project, and the right side will have a galley slider.

I'm using some simple CSS to split sections, and float the first section to the left. Everything is in place except the Gallery section is uneven. See attached photo. Works fine on mobile.

Will send site password if anyone can assist to fix. Many thanks.

Can you share link to this page? We can check easier

Hi, the website link is:
https://www.colatoconstruction.com/projects/woodmont-country-club

Password: gata

Thanks for helping me out. I really appreciate it.

Additionally, when resizing on Desktop, the both sections have the same issue of blank space at the bottom of the section when resizing the window.

It's fine on mobile.

They are not supposed to be same size 😅

Add this to Page Header Injection

<style>
@media (min-width: 768px) {
  #sections {
      display: flex;
  }
}
</style>