Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Basic Rating Page, vanilla CSS and JS

aemerta 40

@aemerta

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


css naming convention? is my code readable?

what can i do to make this better executed?

Community feedback

Joanna 370

@JoannaLapa

Posted

Hi aemerta!

My congrats on finished project. It is working well, the design is also pretty good!

Concerning your questions:

  1. I found useful for naming the BEM methodology.
  2. Good practice is to use css order like in this article: https://www.toptal.com/css/tips-and-practices
  3. Concerning design - for circles and summary I used medium-grey and changed the opacity color with rgba where alpha is an opacity (rgba(124, 135, 152, 0.1)).

Marked as helpful

0

aemerta 40

@aemerta

Posted

@JoannaLapa Thank you so much for your feedback! will definitely try to use the bem methodology for the next project :D

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord