React-slick: How to set height of all elements by most large height.

[prodev903]

https://jsfiddle.net/JJaun/o29a4q45/

How to implement in react

[udayRedI]

Any solutions/workarounds?

[akiran]

This is not a carousel specific problem

[samturner3]

it is. Only way is to set rows: 0 as seen resolved in ☝️ jsfiddle that is now implemented using _slick.js_ (not react-slick).

But does not work with react-slick due to this issue where now setting rows: 0 crashes the app.

A fix with issue #1254 will hopefully resolve this.

Unless you can demonstrate any other way??

[ike-ko]

For my own purposes I was able to set height of elements to largest height with this css:

.slick-track {
    display: flex;

    .slick-slide {
        height: auto;
        display: flex;

        > div {
            display: flex;
        }
    }
}