Image won't fill height of div container

[Sophiaannita]

Portfolio

Hello! Please can anyone advise why my img will not fit within the tile container?

Thank you

[Ray13]

Hi there! Are you talking about this image?

<img class=“tile_img” src=“https://cdn-thumbs.imagevenue.com/01/44/3c/ME180M0O_t.png”

It’s a tiny thumbnail

[JuniorQ]

Hi,
What I would do is set the height on .tile_img to 100%. and also I would set object-fit to either cover or 100% 100% like this
object-fit: 100% 100%. this sets both height and with to 100%.
That’s what I would do, idk if you are looking for the same thing.
Hope this helps.

[Ray13]

In addition to @JuniorQ comment, my variant is to set width: 100% and height: 100% to .tile_img. And .project-tile with width: 100vh
No need for object-fit in this case
The result:

image

[Sophiaannita]

Thank you both! @Ray13 @JuniorQ

I have managed fit the images into their div elements but the images are blurry, do you have any advise how I can amend this?

I’m trying to make it so these images are like previews for each individual page.

[Ray13]

You are welcome. Your images are very small, replace it with pictures having actual sizes

[Sophiaannita]

ok will do, thanks again!