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 component

@01JohnnyJohn

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


The process was a lot less messed up then the previous project. It was more smooth then the previous one. I did less jumping from here to there while styling in CSS. I tried as much as I can to follow the workflow I've made this project with mobile-first "method"

When I finished the project I realized that I did those two parts of the component separately while they are actually both lay in one container and the blue section is another container inside the major container and the right white section is either another container next to the blue one or is just the part of the main container but placed in its right side

When I tried to fixed it it broke some layout, so I decided to let it be as it is, because it almost matches the target design and it looks not bad.

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