Design comparison
SolutionDesign
Community feedback
- @rodolfohgcPosted 1 day ago
Oi, Marcelo, tudo bem? Achei legal que você adaptou o texto para o português, apesar de não ser uma exigência. Seguem algumas sugestões de melhorias para tornar o resultado ainda mais parecido com o layout do desafio:
- Atenção aos espaçamentos: percebi que há diferença visual nas margens de cima e de baixo. Padronizar as margens ou padding do card vai deixar o visual mais harmônico e visual.
- Tamanho de fontes: quando realizei esse desafio eu fui pelo guia de design e também apliquei inicialmente corpo 14px como padrão, mas no fim precisei fazer alguns ajustes para tornar o resultado mais semelhante ao layout do desafio. Vale fazer alguns testes para aproximar o resultado.
- Organização de arquivos: sugiro colocar todo o estilo e as media queries no mesmo arquivo CSS. Facilita a manutenção e a organização do arquivo, além de facilitar uma abordagem de desenvolvimento mobile-first.
- Responsividade: talvez você não tenha visto o preview do layout mobile do desafio. O card muda um pouco seu design, e ao redimensionar a página da sua solução ele não alterou de forma correta, além de começar a distorcer a imagem.
Acho que é basicamente isso, espero ter ajudado um pouco!
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