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

Felix 550

@Felix221123

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 learnt the use linear-gradient to set different color varieties dependng on the percentage level and which elements does not accept linear-gradient as their values. The difficult part to me was setting the right hsla and getting the right linear gradient to match the design. Overall this project was fun and I learnt a lot along the way : )

Community feedback

Aimal Khan 2,260

@Aimal-125

Posted

Bro in your css code, increase the height of body element to 120 or 150vh by using media query with max-height: 400px; So that it looks good on small heighted screens as mine (samsung j3). Otherwise your solution is looking perfect!

0

Felix 550

@Felix221123

Posted

Ok bro thank you very much. I will that do that now : ) @Aimal-125

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