Page reponsive with html, css

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Fala ANDERSON BRUNO, tudo bem? Parabéns pelo desafio!

  Sua solução está perfeita, o design, o hover effect (a parte mais dificil).

  A unica coisa que faltou seria a imagem que ainda não está responsiva.

  Para tornar sua imagem totalmente responsiva, adicione display: blocke max-width: 100% e object-fit: cover para fazer o corte automático da imagem ao redimensionar dentro da coluna:

  img {
      display: block;
      max-width: 100%;
      object-fit: cover;
  }
  

  👋 Espero ter ajudado e continue no foco!

  Marked as helpful

  0

  ---

  

  ANDERSON BRUNO LOPES VALE•60

  @andersonBrunuPosted over 2 years ago

  @correlucas É verdade kkk, Eu nem percebi esse detalhe.

  1