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

Result-Summary component using vanilla HTML/CSS

@RedDotz20

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


Any suggestions how can I improve my css especially with the min and max width of both result & summary component; I do think there is some better way to do it and make it more responsive.

Community feedback

@eddybpro

Posted

Hi, RedDotz20

Congratulation on finishing this challenge, I hope it was fun.

For the code here are some suggestions that might improve it:

  • CSS code:
#app, .result-container, .stats {
/*add this line*/
border-radius: 1rem;
}
.result-container {
/*update the width and min-width properties*/
min-width:22rem;
width: 50%;
}

.summary-container {
/*remove max-width property*/
/*update the width property*/
width: 50%;
/*add min-width property*/
min-width: 22rem;
}

that's it HAPPY CODING

Marked as helpful

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