Design comparison
Solution retrospective
me orgulho de ter conseguido fazer o desafio sem colar, e sem usar nenhum framework, mas a partir de agora todos os meus projetos eu irei usar o framework tailwindCSS.
What challenges did you encounter, and how did you overcome them?felizmente não encontrei nenhum desafio enquanto estava codando, mas quando fui upar o site, eu não consegui em nenhuma das plataformas disponibilizadas.
What specific areas of your project would you like help with?framework TailwindCSS, e JS
Community feedback
- @danielmrz-devPosted 8 months ago
Fala @Pablo-Lima-Da-Silva!
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; }
Usando Tailwind, você consegue o mesmo resultado usando:
<body class="min-h-screen flex justify-center 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