Materialize: [Carousel] If you put an image into a carousel-item, the whole carousel's height gets resized to the height of the image.

[lastnoob]

Description

When you add an to the carousel-item it resizes the carousel's height to the image's height. If you edit the image's height it edits the carousel's. I found it impossible to set the height of the carousel, or the carousel-item with css.

Repro Steps

Insert an image into a carousel item.

Or check this Codepen

Screenshots

[acburst]

Would you prefer if you could override the height of the carousel with a plugin option?

[tomscholz]

Closed due inactivity. Feel free to reopen it, if it's still necessary.

[wvicioso]

same issue. I'm trying to place multiple images inside a single carousel-item and the whole carousel keeps resizing

[helderfalcao]

Someone found the solution?

[lastnoob]

just give the carousel a fixed height with !important, seems like the easiest solution

[helderfalcao]

Tks @lastnoob ! I will try it

[phoebebright]

I am putting images of pages in the carousel and want to view them on maximum size for the screen/device so setting a hard height does not work for me. What would be ideal is to have a "fullSize" option that resizes the carousel to fit the image, making it as large as possible given the constraints of the screen, but does not crop.