Design comparison
Solution retrospective
Tive problemas com a versão mobile, pois coloquei todos os parâmetros mas na hora de abrir o site com resolução de 375px não executa a seção da @midia não faz efeito nenhum... Qualquer critica ou sugestão é bem-vinda! <3
Community feedback
- @FaithNAPosted 10 months ago
Oi Juan. Bom trabalho, mas não consigo ver o seu site de pré-visualização. Em vez disso, ele me redireciona para o seu repositório. Tente seguir o artigo sobre como enviar soluções. Article
Quanto à sua reclamação sobre @media, aqui está um trecho de código dos meus estilos que provavelmente ajudará a entender melhor.
@media(max-width: 375px){ div{ max-width: 275px; height: 400px; } body{ font-size: 13px; } img{ max-width: 250px; max-height: 259px; margin-top: 10px; } h1{ font-size: 15px; }
Também recebi ajuda para traduzir isso para a sua língua. Boa sorte com o restante :)
Marked as helpful0 - @danielmrz-devPosted 10 months ago
Fala @Cusecheg!
Seu projeto ficou ótimo!
Notei que você utilizou
margin
pra centralizar o card. Usar margens não é a melhor opção pra centralizar elementos.📌 Existe uma forma melhor e mais eficiente de posicionar elementos no meio da página (tanto na horizontal quanto na vertical):
- Aplique isso ao body (Pra funcionar corretamente, não use position ou margins):
body { min-height: 100vh; display: flex; justify-content: center; align-items: center; }
Espero que ajude!
Fora isso, você fez um excelente trabalho!
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