Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

A simple card component using html and css

#tailwind-css
Kofi Quistโ€ข 280

@GuyTito

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

P
AKโ€ข 6,700

@skyv26

Posted

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

@GuyTito

Posted

@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
Discord logo

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