Submitted almost 3 years ago

HTML/CSS-only NFT Preview Card

Fernando de Moraes• 120

@feMoraes0

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

NFT preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Here's my first submit, an easy-level one, feel free to rate and send me any tips or suggestion.

Community feedback

David Turner• 4,150

@brodiewebdt

Posted almost 3 years ago

The layout and alignment look very good. You forgot the hover effects. Change the Equilibrium text to an H1 and you will clear the accessibility warning. Download AXE DevTools and you can clear accessibility warnings while you code. https://www.deque.com/axe/devtools/

Hope this helps.

Marked as helpful

Fernando de Moraes• 120

@feMoraes0

Posted almost 3 years ago

@brodiewebdt thanks for the feedback! I noticed that I forgot the hover after send the project, probably tomorrow I will fix it. Extra thanks for the extension, I didn't know it and will help a lot!!

David Turner• 4,150

@brodiewebdt

Posted almost 3 years ago

Your welcome. Glad I could help.

I found that extension a couple of weeks ago, and I use it all the time. That's why I recommend it.

Marked as helpful

Please log in to post a comment

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