How to a div in CMS where images within it can't exceed the div

[Mourik]

Hi,

I have a cms where I picked a random collection from webflow. It all looked good until I replaced a thumbnail image with an image of my own. And now the whole thing looks off:

I have tried working with heights and widths but can’t make it to work.

Someone know how to make a div where all images within it can’t exceed the box?

https://preview.webflow.com/preview/traffic-more?utm_medium=preview_link&utm_source=designer&utm_content=traffic-more&preview=f20c1bebfd9ba19016aaf87bff68f17e&pageId=6079c89c52a65fc068c952a4&workflow=preview

[imtiazraqib]

Hey @Mourik , this can be fixed utilizing fixed height and overflow hidden.

Select your element CMS_Linkblock-Foto and set it’s height to 230px or your desired height. After that, set the overflow to hidden as shown here:

Your output will look as such:

Hope this helps!

[Mourik]

Thank you for the help. It helped me to create my own solution. Instead of hiding the overflow, I set the width and height of the images to 100 %. And set it on cover!