position absolute, relative to bring the hover result where required

Hi Prajwal,

Great attempt! As the most solid piece of advice, straight from the get-go:

Avoid using height. If you want to use height I recommend min-height. Why? GREAT QUESTION! The concept here is simple: we want to let the content decide how large a container is. When we write CSS we are working with alot of unknowns: What is the screen size of the user's client? What browser and what version are they using? Do they prefer darkmode or default? Etc.

This gets into the core of FRONT END web development: we don't want to create pixel-perfect styling for the content. We want to create adaptable content that is responsive.

I actually made a video doing this project that will do a better job of sharing 'good approaches' (imo). Here's the link in case you're interested.

Feel free to bombard me with questions, I love this stuff :)

Cheers!

Good job , just add some transitions to hover states and take a look to the accesibility issues