Design comparison
Solution retrospective
Ainda estou com um poruco de dificuldade em acertar o alinhamento usando flexbox.
Community feedback
- @correlucasPosted over 2 years ago
Fala Bruno, beleza? Parabéns pela sua solução.
Estou com seu site aberto aqui e vejo que está tudo ok, inclusive o cartão está alinhado e o design tá 100%.
Vou deixar algumas dicas pra você se quiser dar uma melhorada na solução.**
1.Use max-width ao invés de width pra deixar a maioria dos elementos flexíveis. Se você usar width o elemento fica com o valor da largura fixo.
2.Quando você terminar seus projetos converta os px para rem pra ter uma melhor perfomance em diferentes telas. Se você estiver usando VSCODE tem uma ferramenta que faz isso em automatico, o nome do plugin é px to rem.
3.Usa sempre as imagens com display: block pra trabalhar melhor com elas e não ter que ficar definindo o height, no display block ele já vem em automático.
.card img { display: block; max-width: 100%; }
No mais tudo ok, parabéns! Espero ter ajudado!
Marked as helpful1@BrunoleonardoDevPosted over 2 years ago@correlucas Muito obrigado, seu feedback é extremamente importante. Eu que estou iniciando na area, todo feedback será sempre bem vindo e util. Seguirei suas dicas apartir de agora, mais uma vez obrigado!
1@correlucasPosted over 2 years ago@BrunoleonardoDev boa, não tem de que, continue codando 👏
Marked as helpful1
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