Giovanna• 20
@GiovannaMarinho
Submitted
Candido Hernandez Martin
@Candido-HM
All comments
@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
0- Kevin• 30
@KevBT
Submitted
@Candido-HM
Posted
Excellent challenge. Congratulations. I have some suggestions for you: Noticing that the page cannot be seen completely, I managed to see a media query that you have it as min-width in which you place it in a column to do the reverse similar to the practice, it could be to place max-width in this way it will change the orientation of the card. There is also a defined height which means that when changing the media query the highlighted section does not use the full height, it could be done automatically. Like the width where the results are printed, they could be enlarged so as not to put the information on. I hope the suggestions are helpful. Greetings.
0 - jessicasilvaa• 20
@jessicasilvaa
Submitted
feedback is welcome!
@Candido-HM
Posted
Muchas felicidades por el reto realizado.
1
