Results summary component solution

Hello @laryssacarvalho congratulations for completing the challenge

• The nomenclature is fine but you could follow an already defined nomenclature such as BEM (Block - Element - Modifier), besides it is very similar to the one you used., with BEM it would look like this:

// Block
.score-summary {...}
// Element
.score-summary__item {...}
// Modify
.score-summary__item--red {...}
.score-summary__item--blue {...}

• Along with BEM you could use the ITCSS (Inverted Triangle architecture for CSS), this would be to organize and divide the styles by purpose in different folders.
• Finally to facilitate the use of this architecture and in general the writing of styles, you could take a look at SASS.

I hope it helps you. Great job, keep practicing.