Submitted over 1 year ago

results-summary-component with html css and vanilla js

clinton wambugu•455

@Clinton-dev

A solution to the Results summary component challenge

Preview Code

Solution retrospective

Hi Fellow frontendMentors,

I am currently experiencing an issue with the category animation. its first being loaded then animated creating an awful user experience for my taste.
The circle for some reason became a sphere any help would be appreciated

Code

Please log in to post a comment

Community feedback

P
Daniel 🛸•44,810
@danielmrz-dev
Posted over 1 year 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

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