I’m looking to tweak the hero section in our mobile view so that it looks more consistent across different mobile screen sizes. Currently, the skinnier the screen size, the further away the images get from our navbar, creating some empty space that isn’t ideal.
On wider mobile screens, this space is reduced because our images are allowed to get wider:
So what I’m looking for is a way to determine the height of the section based on the height of the div that the images are in, so that the gap between the navbar and the div is more consistent. I definitely want to avoid the images getting hidden under the navbar.
Thanks in advance for the help!
Here is my site Read-Only: https://preview.webflow.com/preview/2017-annual-report?preview=dac45cb39bc998c306343d8f1353d174