Responsive rating component with html, css and javascript
Design comparison
Community feedback
- @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 helpful1@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@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
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