@correlucas
Posted
👾Oi Eduardo, tudo bem? Parabéns pelo desafio!
Acabei de ver sua solução e tenho umas dicas pra melhorar seu código/design:
Pra melhorar a responsividade do card no geral, você pode adicionar flex-wrap: wrap
dentro da seccao de avaliação/rating
onde tem os botões com os numeros pra fazer com que eles se ajustem e fiquem em linhas diferentes de acordo com o tamanho do card em si, note que sem essa propriedade ou uma media query o card para de diminuir por falta de espaço por causa dos botões. Aqui seu código come essas mudanças aplicadas:
.rating__score div {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
👋 Espero ter ajudado e continue no foco!