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

Product-card-in-react

#react#webpack
isaac 280

@katongole-isaac

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


How can i improve my skills in web development

Community feedback

@Gaurav4604

Posted

Hi! Congratulations on completing the challenge!🥳

I have a few pointers as to where you can make changes

  • use <main id="root"><main> as your react entry endpoint instead of <div id="root"> this helps with the accessibility of your webpage
  • include alt prop with a valid string, describing the image, again, this helps with the accessibility
  • Try to include a <h1> tag describing the content of website, if you want, you can style it to have a display: "none", this is important, since this serves as a heading describing your site

Good Job on the challenge! If you have any doubts regarding react side of things, feel free to reach out.

Marked as helpful

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