HTML and CSS Results Summary Component

Hello!! congratulations for completing the challenge despite the difficulties :D

I bring you some recommendations that I am sure will help you!

Use semantic tags for your HTML structure, I mean get you out of the habit of using div for everything... semantic tags are these that give you better search rankings and that kind of thing aside that is a good way to organize your code.

• Some of them are: <header>, <main>, <footer>, <abbr>, <section>, <article>... and many more that will help you in the process to maintain a better order in your code and get used to good practices.
• https://www.w3schools.com/html/html5_semantic_elements.asp

There are some things you can improve on your challenge! Apply a better way to center your letter, such as applying it to the main container: display: grid; place-items: center; height: 100vh;

After there you can continue and gradually improve the code of each section of your challenge, it will be completely centered in the middle.

Use measurements like rem or em, as these provide a better way to give relative sizes and are based on the browser font which is normally 16px, so 1rem or 1em = 16px. Try to use percentages only when you see it as very necessary and warranted, for example if a parent container has 10rem and has a child element and you assign that child element to have a width of 100%, it will have a width of 10rem, it is an example so that you have an idea of ​​when you can apply it.

I hope these recommendations will help you to improve little by little! Good luck and don't give up! :D