Included page refresh when clicking on Rating state end image.

Community feedback

• 

  Fazza Razaq Amiarso•2,340

  @fazzaamiarsoPosted over 2 years ago

  Hello Rodrigo! Nice solution!

  It's OK and valid to use for loop. I prefer forEach because it's faster to not deal with the increment and length logic.

  Answering your question on mouseover and mouseout, CSS actually have :hover pseudo-class that handle that logic. Instead of using event, you can just do this in CSS.

  .some-class:hover {
  opacity : 1
  }
  

  https://developer.mozilla.org/en-US/docs/Web/CSS/:hover Hope it helps! Cheers!

  Marked as helpful

  0

  ---

  

  Rodrigo Pires•410

  @rodrigompiresPosted over 2 years ago

  @fazzaamiarso Hello Fazza Razaq Amiarso! Many thanks for the reply. At the time, I ended up forgetting about the hover. Hugs

  0
• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Oi Rodrigo Pires, tudo bem? Parabéns pelo desafio!

  Acabei de ver o preview da sua solução e tenho algumas dicas pra você:

  Pra deixar seu component responsivo vc tem que substituir min-width com max-width pra fazer com que ele se ajuste com a tela:

  .container .card {
      max-width: 21.8rem;
      border-radius: 1.1rem;
      background-color: var(--Dark-Blue);
      padding: 1.6rem;
  }
  

  Adicione flex-wrap: wrap pra fazer com que os botões de avaliação ajustem de acordo com o tamanho do card:

  .container .numbers {
      flex-wrap: wrap;
      margin-top: 2.5rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  

  👋 Espero que essas dicas tenham sido úteis e continue codando!

  0

  ---

  

  Rodrigo Pires•410

  @rodrigompiresPosted about 2 years ago

  @correlucas Hello Lucas. Thanks for the answer. Hugs

  0