Reducing section width causes blocks to have an abnormally long fixed height

Hi there,

I have been working on a website for a client and have gone through a few iteration of custom CSS in order to get the effect requested. 

I have recently encountered an issue where reducing the width of a section (to allow side by side sections) causes the text block in that section to get longer and seems to apply a minimum height, this prevents me from shortening the section and leaves me with blank white space I seem to be unable to remove.

This height seems to be random, on some pages it is minimal and on others it almost doubles the height of the block and section.

Is there a way to remove this arbitrary minimum height?

Better yet, is there a way to set the min-height of page-section:nth-child(2) to the height value of page-section:nth-child(1)?

What is site url? We can take a look

https://krill-stingray-4zxl.squarespace.com/sculpture/ascension-on-the-shoulders-of-giants

Password: Luci2023

On 5/25/2023 at 5:24 PM, pastelmonarch said:

https://krill-stingray-4zxl.squarespace.com/sculpture/ascension-on-the-shoulders-of-giants

 

Password: Luci2023

Can you remove your code? We can test CSS float code to make both side by side

On 5/28/2023 at 10:24 AM, tuanphan said:

Can you remove your code? We can test CSS float code to make both side by side

Which code? I have multiple different elements of CSS on this website currently.