Pagina responsiva utilizando html , css, media query

Community feedback

• 

  Adriano•38,350

  @AdrianoEscarabotePosted over 2 years ago

  Hey Anderson, how are you?

  I noticed that you put a max-width of 1400px in the body, but I noticed that on my 1920px monitor the content was breaking and going to the left, causing the card in the corner of the screen.

  There are two ways you can do this without the layout ending up sideways:

  1- Putting a body {margin: 0 auto;}.

  2- Placing a child div in the body so that it holds all the content. And apply the max-width to it, making the content remain in the center even after the max-width.

  3- Another tip I give you is that you put a side padding on the body so that when the resolution is lower, the content doesn't hit the edge.

  Hope it helps... don't forget to mark it as helpful 👍

  Marked as helpful

  0

  ---

  

  ANDERSON BRUNO LOPES VALE•60

  @andersonBrunuPosted over 2 years ago

  @AdrianoEscarabote Ola, Obrigado pelo comentario, realmente está acontecendo isso. Vou reparar, Obrigado pela dica tambem, Os 1400px foi o tamanho maximo exigido no projeto em desktop. Por isso botei o maximo de 1400 eu entendi assim pelo menos kk

  0