Hi Max! Congrats on completing the challenge, your card looks really good and close to the target design :)
I did notice one thing that you might want to fix - the overlay on hover on the main image doesn't overlap with the image but is way down, at least on my screen. I assume this is because you used position: fixed;
on it, which makes it super hard to adjust to different screen heights.
The way I did this (maybe there are some other/better ways), is to put the main image and the overlay within the same container, and then you can use position: absolute;
on the overlay to position it in relation to the parent element (as opposed to the viewport). This way you can ensure that the overlay is right on top of the image regardless of the screen size. Feel free to take a look at my solution if you need more context.
Hope this helps, and once again good work! :)
Marked as helpful