@Candido-HM
Posted
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 helpful
