@correlucas
Posted
👾Oi Bernardo, tudo bem? Parabéns pelo desafio!
Aqui um tutorial explicando bem a fundo o tema de responsividade:
https://www.youtube.com/watch?v=H91DhKPjhPk
ou https://www.youtube.com/watch?v=WcGPSeuJDJ0
Quando esse card vai ficando mto pequeno o texto começa a ficar muito colado, um jeito de melhorar isso é fazer com que a parte dos preços fiquem em linhas diferentes depois de uma determinada largura, por exemplo essa media query que apliquei pro seu código:
@media (max-width: 350px) {
.plan {
display: flex;
max-width: 100%
align-items: center;
justify-content: center;
padding-bottom: 3em;
flex-direction: column;
}
}
👋 Espero ter ajudado e continue no foco!
Marked as helpful
@BernardoHollmann
Posted
@correlucas Obrigado pelas dicas, Lucas!
Realmente, a parte dos preços estava "embolando" e, com a sua ajuda, melhorou bem o visual!