Skip to content
Submitted almost 3 years ago

HTML/CSS-only NFT Preview Card

Fernando de Moraes•120
@feMoraes0
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

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
    @brodiewebdtPosted 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
    1
    Fernando de Moraes•120
    @feMoraes0Posted 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!!

    0
  • David Turner•4,150
    @brodiewebdtPosted 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
    0

Please log in to post a comment

Log in with GitHub

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