responsivo usando flex box

Community feedback

• 

  P

  Flávia Reis•650

  @flaviare1sPosted 9 months ago

  Oi Leonardo, seu projeto ficou ótimo. Eu também ainda estou aprendendo. 😊 Uma dica, essas medidas que ele coloca como sendo a responsividade, não necessariamente são a largura mínima e máxima do projeto. E você observar bem, o componente tem uma largura que não ocupa a tela inteira na versão desktop. Tenta tirar essas medidas de max e min width e fazer a responsividade utilizando media query e valores relativos.

  Marked as helpful

  1
• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 9 months ago

  Fala @YusukeUramesh!

  Seu projeto ficou ótimo!

  Notei que você utilizou margin: auto pra centralizar o card. Usar margin: auto só centraliza um elemento horizontalmente e, de forma geral, usar margens não é a melhor opção pra centralizar elementos.

  📌 Existe uma forma melhor e mais eficiente de posicionar elementos no meio da página (tanto na horizontal quanto na vertical):

  • Aplique isso ao body (Pra funcionar corretamente, não use position ou margins):

  body {
      min-height: 100vh;
      display: flex; /*  também funciona com grid  */
      justify-content: center;
      align-items: center;
  }
  

  Espero que ajude!

  Fora isso, você fez um excelente trabalho!

  Marked as helpful

  0