Background Image Height/Aspect Ratio/Image Size Issue

[esridley96]

esridley96

February 12, 2024 at 4:10 pm

Hi there!

Running into an odd issue with the Row Layout – section block. On the landing page for a portfolio site I am building, I am using a row layout with 4 sections stacked vertically to link to projects. The background for each section consists of one image that was separately made from 3 merged stills. I am trying to keep the natural aspect ratios for each, which is where I am running into problems.

As a placeholder, I have each section background set to cover with a min height of 135px, but I am trying to achieve the background image having a width of 100% of its container and the natural height of the image in aspect ratio. I know that if I set the image size as contain and manually adjust the min height it would work, but that seems cumbersome. When I do custom size and go width: 100%, height: auto, it still won’t work; even though I reset the min height to its base setting, the sections keep the min height setting. How do I work around this?