Results Summary Component with pure HTML, CSS Bonus: JavaScript-JSON

Well done!

I have some small suggestions to improve responsiveness for smaller displays.

1. Remove height and width property from .main and let flexbox do the layout for you
2. Add a media query for .main with flex-direction

The CSS would look something like this

.main {
    display: flex;
    flex-direction: row;
    box-shadow: 10px 10px 30px #342eea31;
    border-radius: 25px;
    background-color: white;
}

@media (max-width: 800px) {
    .main {
        flex-direction: column;
    }
}

Happy coding!