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

Results Summary Component Solution using React

Elijah-05β€’ 30

@Elijah-05

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello Friends, I have completed πŸŽ‰ This challenge using React. Try to review my code and give me your suggestion. I am new for React.

  • Am I done it all in common way or..? if not tell me the better way.
  • Is that my bootstrap usage normal?

Fell free to comment your suggestion.

Thank You! πŸ™

Community feedback

@0xabdul

Posted

Hello Developer well congrats on successfully completing the Results summary component

  • A Few Feedback for improve your code
  • In Html πŸ“ƒ :
  • LANDMARK πŸš€
  • The main landmark should be a top-level landmark. When a page contains nested document and/or application roles (e.g. typically through the use of iframe and frame elements), each document or application role may have one main landmark. If a page includes more than one main landmark, each should have a unique label.
  • To Clear the Accessibility reports use the Semantic elements Or non - Semantic elements
  • Note This Elements are don't sikp
  • semantic elements : <aside> , <artical> , <main>, <header> ,<section><footer>, <form> ect..
  • non- semantic elements : <div> , <span> ect ...
  • for easy way to clear the Accessibility reports using non semantic elements Ex :
<body>
<div class="container" role="main">
/html code goes here : πŸ“ƒ
</div>
</body>
  • Or
  • using semantic elements
  • Ex :
<header>
should be put heading or logoπŸ“Έ
</header>
<nav>
//Links here
</nav>
<main>
Main of the contents πŸ“ƒ
</main>
<footer>
Β©copy right  hereπŸ“
</footer>
  • I Hope you find the solution and it's useful for you and your project is great Happy Coding Developer

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