Interactive rating component

Adan que tal!!

En lo personal creo que lo has hecho bastante bien, solo una recomendación cuando quieras hacer circulos evita hacerlo con padding porque es díficil que salgan perfectos porque este toma en cuenta lo que hay dentro, el contenido.

Por ejemplo modifique un poco para que salgan redonditos.

.numbers-container label {
  font-size: 15px;
  display: inline-grid;
  place-content: center;
  background-color: hsl(213, 19%, 24%);
  border-radius: 50%;
  color: var(--Medium-Grey);
  width: 41px;
  aspect-ratio: 1;
}

Acá cambie block por grid porque en grid es fácil centrar con place-content así centramos el valor en el medio. Quite el padding, y agregue width para que sea ancho y con aspect-ratio: 1 hago que la altura sea igual a la anchura. Esta ultima propiedad no es necesaria podría darle la altura a mano pero es interesante ya que sirve para conversar relación aspecto solo dando width o height jejeje. Por cierto tambien puedes agregar la animación para el cambio de color como te mencione en otro feedback.

Eso si, como te mencionó el comentario anterior ten en cuenta que no has usado javascript y masomenos deberías usarlo para este reto con el fin de obtener el valor en el radio button y pasarlo ya sea como has hecho a la otra página y que se muestre el valor, creo que sea hace con localStorage o sessionStorage o lo otro es hacerlo con manipulación del DOM, donde puedes eliminar o esconder la tarjeta y presentar la nueva con el valor. Yo lo hice de la segunda manera cuando desarrolle el reto pero bueno. Si deseas aprender javascript te puedo recomendar el canal de Dorian Desing es muy buen y tiene muy buenas practicas :D!

@AdanSaavedra

Very nice job on the challenge. It looks good. To select the star, a solution to it would be to interact with the DOM. I see that your approach is using type="radio" with id #. Maybe you can select all the input then loop thru it and also check if the input id is 1-5, if it is then the message will show the star clicked. I included a link below for DOM manipulation. I highly recommend it.

DOM manipulation: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents

Your CSS looks good. I would avoid using fixed width. For responsive layout it is better to avoid it. https://www.w3schools.com/html/html_responsive.asp is a good starting point

I hope this helps. Cheers to a good challenge completed.