Design comparison
Solution retrospective
Persistência e determinação para ser o mais preciso possível e, chegar ao final do projeto.
What challenges did you encounter, and how did you overcome them?Não obtive tantas dificuldades nesse desafio. Apenas na parte responsiva e também na precisão dos elementos, ainda não consigo chegar em uma precisão idêntica ao original.
Community feedback
- @R3ygoskiPosted 7 months ago
Olá Matheus, parabéns pela conclusão do desafio, ele ficou bom.
Se quiser deixar seu projeto o mais semelhante o possível do design proposto, recomendo utilizar uma extensão chamada PerfectPixel, ela ajuda bastante a deixar o projeto mais semelhante ao design proposto.
Notei aqui no seu CSS que você está utilizando esse trecho
@charset "UTF-8"
, ela está redundante, isso porque no seu HTML ela já está declarada por meio dessa meta tag:<meta charset="UTF-8">
.E uma última dica, a respeito do seu HTML, tente utilizar mais tags semânticas para assim trazer mais acessibilidade a suas páginas. Um exemplo onde poderia se utilizar tags semântica seria nesse trecho:
<div class="box-img">
, aqui você poderia utilizar uma<figure>
, pois o trecho mencionado é uma imagem, que é uma ilustração e tem um papel fundamental no seu componente.E novamente parabéns pelo seu projeto, se tiver ficado alguma duvida, por favor, pergunte abaixo que tentarei ajudar da melhor forma possível.
Marked as helpful0
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