Design comparison
Community feedback
- @yasminsilva1Posted 4 months ago
Parabéns pelo seu desafio! Há alguns ajustes que podem ser feitos para melhorar seu projeto. Infelizmente não foram utilizados elementos do HTML semântico. É interessante colocar o texto alternativo (alt="") nas imagens para melhorar a acessibilidade. O layout não funciona em vários tipos de tela. Há um scrollY na página. O tamanho do card parece correto, porém está posicionado errado. Para corrigir esse posicionamento você pode envolver todo o seu conteúdo em um container e definir ele com as seguintes propriedades: height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;
Marked as helpful0@EriveltonArrudaPosted 4 months ago@yasminsilva1 Muito obrigado, eu fiquei um pouco perdido com relação a esse ScrollY que tem no Figma, achava que por colocar o margin já resolveria, muito obrigado pela solução, vou aplicar.
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