How do I fill the image into a div block?

Design help General
1

Hey Webflow Community,
I am trying to fill this image into the div block dimensions.
I found that the “Fill” - “Cover” should do the trick.

I don’t want to resort to a background image as the image is going to be the thumbnail of a blog post.

How do I make the fill work?

Thank you so much for your support!

Best wishes,
Fred

image
image984×543 100 KB

Edit: This is how I want it to look:

image
image1486×903 198 KB

Here is my site Read-Only: https://preview.webflow.com/preview/julian-being?utm_medium=preview_link&utm_source=designer&utm_content=julian-being&preview=6cbf4a8dffd1173f22aa9079a3acefae&workflow=preview
(how to share your site Read-Only link)

2

Hi

watch this
https://www.loom.com/share/3f332507a6c24240a7abb169727bfa56

3

Hey shokoaviv,

that’s not what I meant. I just want to remove the bottom bit and not the margins on the sides and on the top.
I’ve put an image of the target design in the post as well now. :slight_smile:

Thank you for your reply!

Have a wonderful day,
Fred

1 Like
4

I found the solution myself:

Height and Width of the picture needs to be 100% and then it works. :slight_smile: