Design comparison
Community feedback
- @R3ygoskiPosted 6 months ago
Olá novamente Larissa, primeiramente, parabéns pela conclusão do seu projeto, ele ficou muito bom.
Algumas dicas que tenho pra dar é a de utilizar a extensão de navegador PexelPerfet, pois ela ajuda bastante a deixar seu projeto próximo ao design proposto.
Uma dica mais relacionada ao seu HTML, tente dar nomes mais significativos, assim como o comentário acima (ou abaixo) disse, evite usar
txt1
, nomes mais descritivos ajudam na manutenção do código.Tanto que recomendo fortemente que você experimente utilizar a metodologia BEM para escrever suas classes. Esse metodologia é muito boa para manter a organização no HTML. E isso em projetos grandes é uma mão na roda.
Sobre a utilização de
<br>
eu acho que tinha mencionado no outro post, não me lembro exatamente se mencionei ou não, mas tente evitar quebrar a linha dessa forma, pense no<br>
como uma forma de quebrar a linha para iniciar um novo parágrafo ao invés de uma quebra de linha de uma mesma frase. Tanto que você pode fazer essa quebra apenas utilizando a propriedadewidth: valor
, e recomendo usar esse valor como porcentagem, que dessa forma fica mais relativo.E uma dica sobre CSS, tente usar a unidade de medida rem no tamanho da sua fonte, isso porque ela se adapta as configurações de fonte do usuário, o que ajuda na acessibilidade.
Novamente, parabéns pela conclusão do seu projeto, caso algo que eu tenha dito tenha ficado confuso, por favor comente abaixo que tentarei ajudar da melhor forma possível.
Marked as helpful0 - @Squing0Posted 6 months ago
Pretty clean and well done solution! The usage of line breaks especially is nice and what you've created here is very close to the design. Only things to improve would be to use "rem" for sizing with fonts as this is responsive and to have more descriptive class names rather than "txt1". Other than that, great job!
1
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