Order Summary Project

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted over 2 years ago

  👾Fala Rodrigo, beleza? Parabéns pelo seu novo desafio!

  O seu componente e todos os elementos estão muito bons, pra ficar perfeito você só tem que fazer uns ajustes pra deixar o card responsivo.

  Dei uma olhada no seu código pra ver porque o container não estava responsivo e achei o motivo.

  Você definiu max-width dentro do main mas na sectiondentro da div você colocou width que é um valor fixo, por isso o container não pode diminuir, geralmente quando você fizer um container desses, você pode controlar todos os elementos só com o main e nos outros elementos que estão dentro você só coloca o padding ou no máximo um max-width, jamais width porque ai ele fica blocado e não flexivel.

  main {
      background-color: white;
      max-width: 350px;
      border-radius: 1rem;
  }
  

  main div.informations {
      width: 100%;
  }
  

  Marquei as linhas de código pra você ajustar ai.

  Continue no foco!

  Marked as helpful

  0