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

Summary Card

@bvarungupta45

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@md-abid-hussain

Posted

Congratulations on completing the challenge

However there are many issues in your solution

  • The size of component is very small which make it difficult to read and see even for normal person.

  • You are not using semantic HTML. It is not mandatory but using it is good practice and can help the differently abled person use, navigate and understand your site.

I'm assuming that you made the component small in order to make it fit in smaller screen. However it is not the right way. There are few suggestions and resource I would like to provide which can help you in improving your knowledge in HTML and CSS: Suggestion:

  • Try to follow style guide as much as possible which can be found in starter files under the name style-guide.md
  • Use responsive design to make content fit and adjust as per size of screen
  • Use semantic HTML
  • Keep learning and building : It may seems difficult at first in understanding css. But by learning and practicing you can improve.
  • Ask question and seek help when stuck

Resources

  1. Documentation resources
  2. Tutorials on youtube
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