Design comparison
SolutionDesign
Community feedback
- @correlucasPosted about 2 years ago
Fal João, beleza? Aqui duas dicas pra vc:
Adicione o bg no body pra pegar o fundo todo:
body { background-color: var(--Very-Dark-Blue); line-height: inherit; margin: 0; }
Pra melhorar a responsividade do card no geral, você pode adicionar
flex-wrap: wrap
dentro da seccao deavaliaçã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:.flex { display: flex; flex-wrap: wrap; }
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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