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

NFT preview card using React, SCSS & csstyle

@MrMohammedMath

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@dawkey95

Posted

Hey,

Loved seeing your solution using react and SCSS.

How did you go about passing the accessibility reports and html validation? I always end up with landmark errors etc. I use Material UI as my CSS framework but can't figure out how to pass the accessiblity/html validation reports so thought I would check with you and how you approached it.

Kind regards

0

@MrMohammedMath

Posted

@dawkey95 Thank you, I don't know how Material UI convert their components to HTML, but one of my suggestions to change the div element with id="root" to main element with the same ID. I think this will reduce the number of accessibility & HTML reports

1

@dawkey95

Posted

@MrMohammedMath I will give that a go and see how that effects the reports. So basically instead of it saying

<div id='root'> <App /> </div>

it should be

<main id='root'> <App /> </main>
0

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