Hello friends - Hoping you guys can lend a hand to an issue I’m having! 🙏😩
Here is a Loom video showing my issue: https://www.loom.com/share/e764fffd161e41ad9b7eb309c6da30f8?sid=b4d81c06-e89a-44e3-9084-45f2eb8b92a6
Webflow Share Link: https://preview.webflow.com/preview/hope-paterson?utm_medium=preview_link&utm_source=d[…]n&preview=0f52bf3bc8cf54787b0a01a7ac2f030c&workflow=preview
The spacing is much too large on Safari. Also wondering how to reduce the overall size of the 3 cards.
Adjust the height of the image wrapper on left. It will fix your issue. Let’s say that, give it a fixed height, and make your image inside to Fit: Cover
One thing very important. 100% height value is very unknown for Safari. If image height is set to 100%, and it’s parent height to 100%, and then it’s parent to 100%.
Safari will show some unusual behaviour.
When it comes to width, I can see you have the container block there. And the container has a value. So, the child inside can go as far the container width, nothing beyond.
So, it okay, when it comes to width. But for the height. You will observe weird behaviour.
In your case, the image height itself is 1536px. So it’ has the ability to go as far as 1536. Because nothing is stopping it.