NFT Card Preview Component | HTML CSS Sass

Hello Everyone! 👋

This challenge looks simple, yet still challenging! Especially when making it accessible. 😅

Two things that I learned:

• WebP Image
• Creating the overlay with pseudo-element and shorthand background property.

Check the README.md to get more info!

Now for the questions:

• If you try using screen reader on my website, can you understand the page content?
• Can you navigate through this website comfortably using your keyboard (Tab and Enter)?
• Do I have to wrap the text inside a figcaption element with p tag? For example the text inside a blockquote element should be wrapped with p tag according to hail2u/html-best-practices repo.

Any questions on the technique that I'm using are very welcome! 🙌

Also if you want me to give my feedback on your solution to this challenge, feel free to give me the link to the community feedback! I will be glad to help you too!

Thanks!