How to automatically set height of slick carousel

Question

I'm using the slick caurousel for test. I am currently hard coding the height of the slides:

<div class="slides">
    <div>slide a</div>
    <div>slide b</div>
    <div>slide c</div>
</div>

CSS:

.slides {
    height: 200px;
}

What I would like, though, is for the carousel to automatically be the hight of the tallest slide. Is there a way to do this?

Answer 1

$('.class').slick({
adaptiveHeight: true
});

Add the adaptiveHeight to set auto height of the image