Responsive rating component with html, css and javascript

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Fala Felipe de Jesus, tudo bem? Parabéns pelo desafio!

  O seu card ficou mto e o Javascript tbm, tenho so uma dica pra vc, sobre os botoes com numeros. O seu componente está responsivo mas os circulos com os numeros ficam achatados quando o card começa a escalar, o jeito de evitar isso é usando flex-wrap: wrap pra fazer o conteudo ajustar automaticamente:

  .options {
      flex-wrap: wrap;
      display: flex;
      justify-content: space-between;
  }
  

  👋 Espero ter ajudado e continue no foco!

  Marked as helpful

  1

  ---

  

  Felipe de Jesus Campos•70

  @felipejesus-frontPosted about 2 years ago

  @correlucas

  Fala lucas! obrigado pela dica. já fiz a alteração, confesso que eu não costumo checar a responsividade abaixo de 350px, gostaria até de tirar essa duvida com você que é mais experiente. Quando você está construindo um layout costuma considerar até quantos px pra checar a responsividade?

  1

  

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  @felipejesus-front opa, só vi a resposta agora irmão, eu costumo deixar o máximo possível até uns 200px, mas já ouvi falar que fazer até 340px é mais do que o necessário, eu gosto de deixar todas soluções o máximo possível, mas quando tiver uma landing page enorme talvez não valha o esforço, então até 375/340px tá ótimo.

  0