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 using Flexbox and gradients

Vinayak 300

@V102002

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


What are you most proud of, and what would you do differently next time?

This was a challenge which I thought to be easy, but it took me by surprise, I am proud to have finished it. I was happy to do the gradients for the results container. I was happy using flexbox on the summary container, it was satisfying watching all the 4 boxes be arranged in a column.

What challenges did you encounter, and how did you overcome them?

Adjusting the score of the summary. Mixing of colors in the result container and adjusting the texts to the design.

What specific areas of your project would you like help with?

I'd want to focus on the wrapping text within a container in a way that if the screen size were to decrease the words would go to the next line.

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