How to adapt the vertical slider so that the height is proportional?

Question

css

Are there any ways to adapt the vertical slider in CSS? There is a vertical slider in which the paragraph, upon reaching a certain width, begins to shift the rest of the slides down (of course) when the text wraps (the height increases). Naturally, the height of the container is hardcoded and set to overflow-y: hidden. Who faced such a problem, describe at least approximately what can be done with this without JS, if possible at all?

Answer 1

Hey!
Perhaps you can use the solution from here https://codepen.io/SkyAls/pen/qQYRgG
It describes how to create a strictly proportional block using css.
For more specific recommendations, more details are needed, if possible, repeat your problem slider on codepen and give a link