Design comparison
Solution retrospective
Penso que preciso melhorar as tag semanticas e ainda tenho um pouco de dificuldade em manter todas as tags em letra minúsculas.
What challenges did you encounter, and how did you overcome them?Os desafios superados foram principalmente incluir um sombreamento do Título que representa o projeto original, preferindo usar text-shadow em vez de drop-shadow, a orientação do quadro e da imagem também foram um desafio muito bom, onde consegui entender como funciona o alinhamento com Auto Margin e ViewPort Width. O aprendizado foi extenso, até entendi melhor como escrever um README completo.
What specific areas of your project would you like help with?Gostaria de dicas sobre o uso de tags semanticas, e outras ferramentas que me auxiliem, já que o Figma agora possui acesso limitado.
Community feedback
- @R3ygoskiPosted 7 months ago
Olá @Wauespter, primeiramente, parabéns pelo seu projeto, ele ficou quase semelhante ao proposto.
Sobre seu comentário, uma forma de deixar projeto semelhante ao design proposto é utilizar extensões no seu navegador, uma que eu uso e recomendo bastante é o PerfectPixel, dessa forma você consegue aproximar o seu projeto do design.
Uma coisa que notei, é que no seu HTML, parece que você utilizou a tag
<h1>dessa forma:<H1>, saiba que isso não é errado, até porque HTML não é case-sensitive, mas é uma boa prática utilizar todas tags escritas em minúsculo, que dessa forma deixa seu código mais limpo.Outra dica é sobre o seu CSS, sempre que for usar a parte de tamanho de fontes, utilize a unidade de medida de rem, que ela é capaz de se adaptar as configurações de fonte do usuário, o que ajuda a ter mais acessibilidade o seu projeto. Já o px é absoluto e não se altera com as configuraç~eos de fonte do usuario.
E novamente parabéns, continue praticando e se aprimorando, caso algo que eu tenha dito não tenha ficado claro, por favor comente abaixo que tentarei ajudar da melhor forma possível.
Marked as helpful1 - @WauespterPosted 7 months ago
A solução difere consideravelmente do design?
- Quanto a diferença apresentada, observa-se que a ferramente Figma agora possui acesso limitado, o que dificultou a identificação exata de algumas informações, pelo fato de não ser possível inspecionar a página no projeto do Figma com uma conta gratuita.
0
Please log in to post a comment
Log in with GitHub
Join 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