Hi – I created a grid and want to place an image inside of each square to create what is essentially a wall of thumbnails. I’m having trouble getting the images to fit nicely inside of each square without overflowing into the next.
When I add the image element to the grid it fits perfectly, then as soon as I upload my own photos, it scales ever so sightly outside of the box. I’ve included screenshots. I’ve tried adjusting width and height % as well as adding a div to each to try and set the overflow to hidden. None of that seems to work. Is there something I’m missing all together?
Here is something like what I’m trying to achieve:
And here is what’s happening: You can see that the two images I’ve uploaded are now touching the row below. I’m not a developer, I’m more of a designer, so I’m sure its an easy fix, just not sure what it is.
Here is my site Read-Only: https://preview.webflow.com/preview/hanks-portfolio?utm_medium=preview_link&utm_source=designer&utm_content=hanks-portfolio&preview=1208bd09ffbe481b62cd4da9c8a50051&mode=preview
(how to share your site Read-Only link)