Grid images overflow

[renato]

Hey im having problems with containing images inside of the grid ive made. I want the grid to take up 90VH and 90VW. The images inside the grid resize to 90VW but they overflow the 90VH. I can’t hide the overflow as it crops the image and doesn’t keep the grid images looking proportional

---

https://preview.webflow.com/preview/dad-from-scratch?utm_medium=preview_link&utm_source=designer&utm_content=dad-from-scratch&preview=b01e4004d978672525b73a0884d106a6&mode=preview

[lol_no]

which view is this problem occurring on?

[renato]

The problem occurs on the 90VH

[lol_no]

I meant is this issue on desktop, tablet, mobile because the image looks normal on desktop and for mobile all you would need to do is remove the 90vw/vh just set it to auto

[renato]

ahh okay sorry, maybe these photos will illustrate what Im aiming for.

the first image is the website in desktop mode, the grid is larger than the 90VH that I intent it to be.

In the second image I have hidden overflow so you can see the size of the grid I want. Im trying to achieve proportional sections inside the grid

[lol_no]

Change the fit to fil for the individual images

[renato]

Hm ive set each image to fill and this is how it looks - The second image on the right flows over the 90VH grid setting and the image on the left is a few pixels off of the bottom of the grid height as well