Results summary component solution

Community feedback

• 

  Alejandro25A•220

  @Alejandro25ARPosted over 1 year ago

  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.

  Marked as helpful

  2