@correlucas
Posted
Hello Ahtasham, congratulations for you solution and welcome to the Frontend Mentor community.
You saw that you did everything right with your solution, the component is flexible, you've add some custom features like the hover and box-shadow, I liked it, sometimes I do some changes to my solutions too.
My only advice for is about the box-shadow, you can create a smoother box-shadow playing with the blur and opacity values. Is easier if you use Figma or an online tool to create the shadow design and just drop the code inside the css.
Check the report panel to fix the accessibility issues and improve your html semantic.
If you're not familiar to Figma, my recomendation is this online tool for box-shadows:
CSS BOX-SHADOW GENERATOR
https://www.cssmatic.com/box-shadow
Congratulations and happy coding!