responsive nft card component using semantic html and css

Solution retrospective
I am most proud of the the time it took me to complete this, also the fact that I was able to incorporate the :is pseudo class to get practice with it. I am also getting better at noticing when to use certain semantic elements
What challenges did you encounter, and how did you overcome them?Finding a way to create a hover effect on image tags since you can't use the regular way of adding hover effects with background-colors as you would with non replaced elements. Overcame by researching ways around this. Found that you could just wrap it in a container and set the background-color on the container while putting opacity on the image itself and it will appear as if the background changed
What specific areas of your project would you like help with?Mainly semantic html, If I used the right tags in the right places and also tips on how to make my html more accessible if it isn't
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on DMVDEV's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord