Submitted over 2 years ago

Results Summary Component Solution using React

@Elijah-05

A solution to the Results summary component challenge

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! 🙏

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

C H A R A N 🎯•2,670
@0xabdul
Posted over 2 years ago
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

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