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

score result page using html and css

@Adesco22

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


During the challenge, I find it difficult to make it responsive to the requires mobile screen size and also it took me sone tine before i could approximately give out the desired values for the viewport of the web page. some aspect of CSS selectors looks kind of ambiguous. I look forward to continuous learning and become better.

Community feedback

Kimo Spark 2,190

@kimodev1990

Posted

  • It's better in the future to avoid giving your design sizes definite values, It's better to give percentage values to make your design flexible, growing and shrinking with viewport dimensions.
  • For better responsive design, you'd better check on clamp ( ) method for font-size, width, etc... , so your design sizes will change according to the viewport dimensions and will be suitable for any device layout.

Other than that, Nice work & keep Going on.

Marked as helpful

1

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