@correlucas
Posted
👾Oi Paula, tudo bem? Parabéns pelo desafio!
Muito boa a sua solução, toda estrutura do html e a semantica estao perfeitas. A unica coisa pra melhorar é a responsividade do card removendo todos width
e substituindo por max-width
a diferença entre width
e max-width
é que width
é fixo e max-width
deixa o card com um tamanho maximo mas pode diminuir tbm.Pra fazer com que a imagem totalmente responsiva, adicione display: block
e max-width: 100%
e object-fit: cover
para fazer o corte automático da imagem ao redimensionar dentro da coluna:
img {
display: block;
object-fit: cover;
max-width: 100%;
}
👋 Espero ter ajudado e continue no foco!
Marked as helpful