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

responsive, css, bem

Jose Daniel• 270

@J0SEED01

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


feedbacks please!

Community feedback

Danilo Blas• 6,300

@Sdann26

Posted

Jose!!

En maquetado te ha quedado bastante bien aunque si quieres que quede tal cual al diseño hazlo un poquito más grande y te vas guiando como va quedando las letras.

Por cierto el botón SUBMIT tiene las letras un poco separadas, consigues ese efecto con el atributo letter-spacing: 2px, le puse 2px pero podría ser más o menos depende de ti.

Lo que si te recomendaría es que puedas evitar que si no se ha seleccionado ninguna opción no se pueda dar click al botón SUBMIT. Podrías hacerlo dandole una condicional evitando que se de click si tu variable number es igual a 0. Esto es porque si solo hay 5 valores no tiene mucho sentido que pueda elegir otro valores.

Por lo demás creo que esta bastante bien.

PD: El reporte!!! No olvides la etiqueta <main>

Marked as helpful

0

Jose Daniel• 270

@J0SEED01

Posted

@Sdann26 vale compa!!

1

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