Result Summary Component using CSS Flexbox, Javascript

Congratulations on completing the challenge!🎉. That's a great achievement, and I'm sure you put a lot of effort into it. I really liked the way you approached the challenge and the code you wrote. You demonstrated a good understanding of the concepts and applied them effectively to solve the problem.I have a few suggestions to improve your code further. You need to make the responsive design for mobile devices here is the code that u need to add for responsiveness

@media screen and (max-width: 750px)
{
.result__container 
{
background: linear-gradient(hsl(252, 100%, 67%), hsl(241, 81%, 54%));
padding: 2.4rem 2.8rem;
text-align: center;
border-radius: 0 0 30px 30px;  // add this
}
.grid
{
grid-template-columns: 1fr;
}
}