Skip to content
Submitted almost 3 years ago

A simple card component using html and css

Kofi Quist•280
@GuyTito
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

Please, how can I make my solution more accessible? Also, it mentioned in the style guide that the designs were created the following widths:

  • Mobile: 375px
  • Desktop: 1440px I really do not know how to use this piece of information. Any help?

Community feedback

  • Aakash Verma•6,710
    @skyv26Posted almost 3 years ago

    Hi! Dude,

    To solve accessibility issues:

    1. wrap everything in your body in <main> OR give role="" to the direct children of your <body> ... Click here to read more here

    2. Try use role attribute for your footer, if you don't want to use footer tag.

    3. The information provided in your style.md is basically requirement and according to style.md you have to implement atleast 375px and 1440px screen based design. Keep in mind, more responsive website results in more reach or more clients.

    Happy New Year ;)

    Marked as helpful
    1
    Kofi Quist•280
    @GuyTitoPosted almost 3 years ago

    @skyv26 Thank you very much for your feedback. I will visit the link and implement the tips suggested

    1

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