Results summary component built with flex-box

there is more padding in disign, try adding more space between content and container

👋 Hi, Kale

🎉Congratulations, your solution looks great. 🎉

I want to tell you the things that come to my mind to improve the solution. If you apply this change to it, your solution will be better

CSS:

main {
box-shadow: 5px 20px 50px 10px hsl(221deg 100% 96%);
border-radius: 32px;
}

.result-box {
width: 360px;
padding: 36px;
border-radius: 32px;
}

.result-box h1 {
font-size: 1.5rem;
}

.circle {
padding: 40px;
}

.circle .score {
font-size: 4.5rem;
}

.circle p {
/*There is no need to adjust the position.*/
}

.summary-box {
gap: 16px;
padding: 36px;
width: 360px;
}

.summary-box>div {
padding: 12px;
}

.summary-box div.button {
margin-top: 24px;
}

I hope I could help you.😊