Display and position properties

You need to revisit html semantics. It's very important to use the appropriate elements.

Anything with a hover style in a design needs to use an interactive element (like an anchor tag)

And tables are only for tabular data, not an image and paragraph

Also revisit how and when to write alt text on images. If images are decorative, alt should be blank. If not, they should describe the image.

This doesnt fit on my phone screen. This is because you have given the card a width instead of max width, meaning it cannot shrink when it needs to. Similarly the image should not have a width or height. It should be display block with width 100%. This will let the image adapt to the size of the card and not overflow it.

I hope this helps you. Good luck

Hello there! You did a great job on this project. Looking at your solution, I noticed you did not add the cursor: pointer; on active states(when a mouse is hovered).. And the UI doesn't really appear fully on screens with width 320px.

Above all, the design is really great. Keep up the good work. Hope this was helpful!