Refactoring SASS/SCSS Results Summary Component

Hi guys Frank Itachi here 👋!

I made some improvements and code refactoring to this solution. In general, for this challenge used:

• Semantic HTML
• CSS Grid
• CSS FlexBox
• Famous Josh Comeau's CSS reset

I made the following changes to the SASS/SCSS code:

• I created the sass folder and used the recomended structure to organize files and sub-folders in there.
• Since this is a small project, I only added the helpers sub-folder.
• I created the _variables.scss, _mixins.scss, and _reset.scss and put them inside the helpers folder.
• @use “sass:list” to use a list of font weights and icons name.
• I used the for loop to style multiple elements.
• @mixin for media queries and elements styling.
• Pseudo elements ::before and ::after to style the little lines on each elements' corner inside the summary section.

Please spare a moment to review my code and suggest any improvement.

Happy <coding /> 😎!