Link to the site .

On the main page, the images in the slider (marked with a green frame) must be aligned so that they are the same height and, at the same time, when the site is scaled, they are not stretched in height.

That is, if you set a specific height for the parent block, for example, 325px, then when you increase the screen, you get this: enter image description here

and if you put the height: 100%, the images will be scaled as needed, but will be uneven (as it is now)

what I just did not try, in css and html is not strong. In general, I want the slider to be adaptive as on ivi ru

please help!

  • one
    You will play with slick slider long time, if you do not understand JS and HTML / CSS. Look through all the questions on the sliders, and especially on this plugin on SO, by analogy you will find something. The slider is super popular ... Yes, and add a problem part of the code to the question, very few people will follow the link. Although I looked) - LFC
  • был адаптивный как на ivi ru Well, do so. There are absolutely identical translations. And to make the heights of the total content of all the slides the same - layout flex blocks to help. And, as advised, read by slick - kenwheeler.imtqy.com/slick There is support for various permissions. - Andrew ProjectSoft
  • I have not heard anything about new values ​​in css - vw, vh, vmin, vmax ? - Air

1 answer 1

 img {width:100%; height:auto;}
  • Well, dig into the slick slider settings, as advised above. - Frigoris