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

@devinda87

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


Feedbacks are welcome...

Community feedback

@yefreescoding

Posted

👋 I just gotta say that you did a great job. The solutions looks identical to the original design and your code is flawless, congrats. Let me just share a couple of tips with you that has helped me a lot:

  • Name classes using some type of methodology. I like to use BEM Link
  • Learn about semantic HTML, aria attributes and SEO.
  • CSS nesting is here! 🥳 Link. Also learn SASS, Less or Stylus.
  • I don't why it does look good on mobile devices, but that something you have to work on. Check this video it will help you responsive designs css

Marked as helpful

0

@JS-Law

Posted

Hey, this looks phenomenal!

I think if I were to provide feedback on the design alone, Id say that the opacity on the summary stat cards is in need of a slight adjustment. The box shadow for the summary card is also a bit heavier on the solution than on the design.

Other than that I think you did wonderfully!

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