Problem with resizing slide
Hello. Could you please tell me how to solve this problem? I wrote a slider after a long time. The idea was to display slides of different resolutions, larger or smaller than the viewport, but they shouldn't fit within the viewport with all the slider elements. It works fine on phones, but it breaks on PCs. Could you please tell me how to achieve the effect shown in the example on a PC?
https://codepen.io/Mister-Eighth/pen/JoGaQeO
10 Replies
can you describe what's breaking?
honestly, it looks like it is working fine
When a popup with a slider inside opens, the photos extend beyond the viewport and the slider pagination element disappears. I attached to the photo what I expected to get.
it looks fine to me
How good is it if the entire block was cut off?
¯\_(ツ)_/¯
is this what you mean with "broken"?
Compare it to the mobile slide I shared. You can also use the browser inspector and capture the slide, then see the difference right away.
okay, what do you expect to happen?
I expect the same results as in the screenshot I attached, as in the screenshot of my work from a mobile device. Sorry for the long response, I'm having internet problems. Blocking the connection
so, something like a grid with the rows set to
1fr auto 24px?Basically, any solution, I don't know how to fix this problem, I managed to fix it, but only in such a way that the slides were too small, if you mean the slides themselves, then this is flex