Result summary component using HTML and CSS Flex

Congratulations on completing your first challenge! Colors are great, gradients are working, space between elements all good. You used CSS variables and the design is responsive. However, the desktop version is tall and narrow, so that the scores sit below the labels. You can easily fix that by changing the width on the desktop version to 750px.

Your HTML is clean and your CSS well organized. However, I did notice that you used heading tags (h3, h4, h5, h6) for styling and not for structure, which is a big no-no. You should give a class to those elements that need styling and use CSS to get the styles.

<p class="title">Summary</div>

.title { font-size: 1.17em }

I look forward to see what you do next.