3
respostas

Carousel

O carousel ficou meio esquisito(mesmo no projeto final, baixado do alura).

A solução seria utilizar imagens com mesmo tamanho ou tem algo a se fazer com o bootstrap para isso?

3 respostas

Oi Caio, tudo certo?

O Bootstrap faz isso para não distorcer as fotos. Você pode fazer exatamente isso que você sugeriu, imagens do mesmo tamanho.

Outro caminho é você criar uma classe para as imagens ficarem com o mesmo tamanho, algo como:

.imgBugFixerCarousel{
  width: auto;
  height: 225px;
  max-height: 225px;
}

Espero ter ajudado,

Abcs!

Eu consegui arrumar o meu colocando uma class para @media(min-width:992px)

ficou assim:

Arquivo css:

/*DESKTOP*/

@media(min-width:992px) {   
    .imgBugFixerCarousel{
        width:100%;
    }
}

Index:

<img src="img/depoimentos/projetos2.png" alt="Depoimento 3"  class="imgBugFixerCarousel">

As respostas acima tão bem bacanas (: Dá pra usar um max-width também.

De qualquer forma tomar cuidado com o tamanho das imagens que coloca é sempre interessante para eventualmente não distorcer!

Abraço!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software