Swiper: Make all slides the same height based on the tallest slide

[davidenco]

I have a container with several slides, all different heights. I would like to set every slide to the same height based on the tallest slide. Is there any easy way to do this?

[Seonic]

Swiper use flexbox layout and stretch set by default, just remove height property from swiper-slide

.swiper-slide {
  height: auto;
}

[cutelittleturtle]

Hi, I have a question just opposite to this. Is there a way to force all slides' height conform to the smallest height of the group? I tried to set

.swiper-container img { height: 200px}

but it doesn't seem to work.

Thanks.

[Ezra-Siton-UIX]

@callumacrae - you set the height of the image (Not the slider) + anyway if you set the height to 200px but the content (text, icons. and so on) is taller you should set overflow (to hidden or scroll).

[callumacrae]

i'm guessing that was meant for @cutelittleturtle! 🐢

[cutelittleturtle]

@callumacrae and @Ezra-Siton-UIX thanks! I think that's correct. Really hope css would have some dynamic/automation on rendering though. lol

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale[bot]]

This issue has been automatically closed due to inactivity. If this issue is still actual, please, create the new one.

[asalem1990]

@Seonic Plus, it needs to be "align-self: stretch;"