Design comparison
Solution retrospective
Consegui fazer a responsividade para telas móbile, mas, preciso melhorar meu tempo de criação, pois, estou muito lento no desenvolvimento e treinar mais responsividade
What challenges did you encounter, and how did you overcome them?Encontrei na parte de responsividade de telas, tive um apoio do chatgpt em relação á isto.
What specific areas of your project would you like help with?Responsividade
Community feedback
- @danielmrz-devPosted 8 months ago
Fala @JonhKellyson!
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 helpful1@JonhKellysonPosted 8 months ago@danielmrz-dev
Fico feliz pelo elogio do meu projeto e agradeço pela dica, confesso que a centralização de cards era uma das minhas maiores dores de cabeça e irei começar a utilizar desta maneira, obrigado daniel!
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