Design comparison
Community feedback
- @Candido-HMPosted over 1 year ago
Saudações. Excelente desafio. Aqui estão algumas sugestões para o desafio resolvido:
Para atingir o centro, seu cartão pode ser o seguinte. em sua tag de corpo, você pode adicionar as seguintes propriedades
body{ width: 100%; height: 100vh; align-content: center; }
Isso fará com que, dando-lhe um tamanho de largura e altura, ele possa centralizar o cartão de acordo com o tamanho da página, portanto, em sua tag principal, você removeria a seguinte propriedade:
main { margin-top: 150px; }
//Esta propriedade não é necessária, pois o cartão pode ser centralizado na parte superior
Na parte de consulta de mídia (750px), você pode adicionar o seguinte:
@media (max-width: 750px) main { margin-top: 50px; }
Seria semelhante à prática.
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