Skip to content
Submitted 11 months ago

results-summary-component with html css and vanilla js

clinton wambugu•455
@Clinton-dev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi Fellow frontendMentors,

  1. I am currently experiencing an issue with the category animation. its first being loaded then animated creating an awful user experience for my taste.

  2. The circle for some reason became a sphere any help would be appreciated

Community feedback

  • Daniel 🛸•44,310
    @danielmrz-devPosted 11 months ago

    Hello @Clinton-dev!

    Your project looks great!

    I have a few suggestions for you to improve it:

    • To solve the circle problem, you just have to increase the padding on the X axis (horizontally) a little bit, like this:
    .circle {
    padding: 2rem 2.5rem;
}
    • Also, to fix that extra space at the bottom of your div.result, just add this to fix it:
    .result {
    justify-content: center;
}

    Those little changes will help you to make your project look even closer to the original design.

    I hope it helps!

    Other than those, you did an excelent job!

    Marked as helpful
    1
    clinton wambugu•455
    @Clinton-devPosted 11 months ago

    @danielmrz-dev Thank you very much, the suggestions u gave have helped fixing the issue

    1

Please log in to post a comment

Log in with GitHub

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