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

Result Summary Component

@Gauravkumario

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


your feedback are highly appreciated

Community feedback

@0xabdul

Posted

Hello Bro ! , Congratulations on finished the Result summary component...🎉

  • Some suggestions for you improve your code🤔

Html 🏷️:

  • the html page Must be on one main land mark ‼️
  • for easy way to clear the Accessibility reports using non semantic elements Ex :
<body>
<div id="root" role="main">
//Whole html code here 🏷️
</div>
</body>
  • In Css 🎨 :
  • well your results summary card is not center aligning🎯 so fix the problem..
body {
display : flex;
align-item :  center;
justify-content : center;
max-width : 100%;
height : 100vh;
overflow-x : hidden
}
  • I Hope it's useful for you ❤️
  • Happy Coding 😃
0

@Gauravkumario

Posted

@0xAbdul Thanks for suggestion

0

@0xabdul

Posted

@Gauravkumario it's our duty and you doing very well bro..❤️

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