Dear @carlosalviz

I have used an image with 2592x1728 size, and with the below .scss code, my carousel looks fine:

.html:

<div class="container my-5">
  <mdb-carousel class="carousel slide carousel-fade" [type]="'carousel-thumbnails'" [animation]="'fade'">
    <mdb-carousel-item>
      <img class="d-block w-100" src="https://upload.wikimedia.org/wikipedia/commons/d/d9/Big_Bear_Valley%2C_California.jpg" alt="First slide">
    </mdb-carousel-item>
    <mdb-carousel-item>
      <img class="d-block w-100" src="https://upload.wikimedia.org/wikipedia/commons/d/d9/Big_Bear_Valley%2C_California.jpg" alt="Second slide">
    </mdb-carousel-item>
    <mdb-carousel-item>
      <img class="d-block w-100" src="https://upload.wikimedia.org/wikipedia/commons/d/d9/Big_Bear_Valley%2C_California.jpg" alt="Third slide">
    </mdb-carousel-item>
  </mdb-carousel>
</div>

.scss:

.carousel-inner {
  max-height: 400px;
  img {
    max-height: 400px;
  }
}

.carousel-indicators img {
  max-width: 100px;
}

Please take a look at this screenshot.

Best Regards,

Damian

I-m already using the last version (7.5.1).

It-s just a component with that code. Maybe you have to use bigger images to reproduce it.
(that-s why we had to use the css you mentioned in this post. Dont forget to include it)

My size says 3456 x 4608. Please confirm

Dear @carlosalviz

How can I reproduce your problem? I have tried to reproduce it with code from our docs, but without success - for me, there's no such problem.

Could you please provide me with reproduction steps with which I'll be able to track your problem? Also please specify, which version of MDB Angular you're using.

Maybe you should try to update to the latest one (7.5.1)?

Best Regards,

Damian

Here-s my issue related to this case

Code is the same u have in the page:

 <mdb-carousel class="carousel slide carousel-fade" [type]="'carousel-thumbnails'" [animation]="'fade'">
        <mdb-carousel-item>
          <img class="d-block w-100" src="/assets/prods/IMG_20180610_115144.jpg" alt="First slide">
        </mdb-carousel-item>
        <mdb-carousel-item>
          <img class="d-block w-100" src="/assets/prods/pruebacollar.jpg" alt="Second slide">
        </mdb-carousel-item>
        <mdb-carousel-item>
          <img class="d-block w-100" src="/assets/prods/IMG_20180610_115942.jpg" alt="Third slide">
        </mdb-carousel-item>
      </mdb-carousel>

And I included the css style you mentioned. That-s all.

    .carousel-inner img {

        max-height: 350px;
    }

.carousel-inner {

max-height: 400px;

img {

max-height: 400px;

}

}