Skip to content
OverviewSolutions
20
Comments
3
Candido Hernandez Martin
@Candido-HM

All comments

  • Candido Hernandez Martin•310
    @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 helpful
    0
  • Candido Hernandez Martin•310
    @Candido-HMPosted over 1 year ago

    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
  • Candido Hernandez Martin•310
    @Candido-HMPosted almost 2 years ago

    Muchas felicidades por el reto realizado.

    1