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

Results Summary Component Challenge

sil3ntr 40

@sil3ntr

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


I set this one up as a react project and passed in the supplied data.json file with the data needed for the Summary section, passing props into a react component.

I styled it to the best of my ability trying to mimic the challenge mocks.

I would be interested in knowing how I could have styled this better? I used flexbox for the cards but maybe I would have been better to try and use grid for the summary card, I had some issues with aligning the image icon particularly.

Would also love any helpful pointers on making the react code better, I am also still pretty green in this area.

Thanks in advance for any guidance provided.

Community feedback

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