@correlucas
Posted
👾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 section
dentro 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