Why picture isn't taking full height?
Hi everyone, hope you're doin well! 🙂
I'm actually testing myself with some challenges on frontend mentor, and I was struggling a little bit with this one in the image.
I took inspiration from Kevin's video for some things (like accessibility classes), but I want to try a different approach rather than using grid (just to do some practice)
How can I solve this?
Here's the pen that replicate (unluckly I'm not able to import images)
https://codepen.io/fracav99/pen/zYbbZyp
1 Reply
the picture isn't taking full height probably because that space if bigger then the image. So you probably need to add
height:100% to that img tag you also need to change contain to cover in the object-fit property 😉