Carousel does not size correctly on some image/screen sizes

[sinklair]

The carousel does not appear to size correctly to fit width of the image on some high screen widths. This can be seen on the demo page https://demos.creative-tim.com/paper-kit-2-pro/docs/1.0/components/carousel.html.

When the height of the carousel reaches the height of the image (in this case 400px) the carousel continues to expand on width but not height. This results in an odd margin appearing.

Example with the background color switched to blue to show the effect http://jmp.sh/IqHGhI9

[groovemen]

Hello @sinklair, thank you for using our products, I will ask you to set the width: 100%; like this:

.card.page-carousel {
  .carousel-inner {
    .carousel-item {
      img {
        width: 100%;
      }
    }
  }
}

We'll fix this issue in the next update.

All the best, Stefan