@correlucas
Posted
👾Fala Bruno ,tudo bem? Parabéns pelo desafio!
Olhei seu código aqui e achei o jeito de solucionar o problema da imagem nao pegando o tamanho inteiro da coluna.
Eu sempre adiciono display: block
e max-width: 100%
pra minhas imagens pegarem sempre 100% da largura da div que elas estão dentro e a altura em automático.
Pra ter um ajuste melhor, você pode usar object-fit: cover
pra deixar a imagem ainda mais responsiva com o efeito de cropping.
.image img {
display: block;
width: 100%;
border-radius: 0.8rem 0 0 0.8rem;
}
👋 Espero ter ajudado e continue no foco!
Marked as helpful
@BrunoleonardoDev
Posted
Vou tentar isso. obrigado!