Struggle with Responsiveness - Preview and Editor look different!

Hello people!

I kinda just learned how to use webflow and I thought I figured out this responsiveness thing. I used Containers with fixed properties, used vw and vh instead of px and so on. A week ago when I was designing it also all looked good - now it doesn’t anymore. The sizes and the positioning do not make sense anymore and they also look way different in the designer than in the toggle preview.

Here is an example

that’s in toggle preview:

that’s in Designer:

Here is my site Read-Only:


I think it is because of the container…

Set the container width 100%, Slider, Mask and all Slides with height auto, overflow hidden and without width

1 Like

Yay! Thank you, it already looks way better!

Do you know though how I can center the slider in the big screen view?

Very happy that it worked :smiley:

Connect with me on Linkedin to extend our network and if needed, you can chat me there :smiley:

Ps. Please, set my first answer as solution if possible

About the center thing, it is because the Slider is shrink to the left. Set the Slider to Grow if possible in the big screen :slight_smile:
Screenshot 2023-07-26 at 14.45.34

1 Like

that didn’t work unfortunately :confused:

Hmmm, Okay I was trying to do dynamical sizing… But lets make it in the center instead.

Reset the flex Child of the Slider and then go inside the component and in the “2 Column Grid” make the distribute of the grid as the image below:

1 Like

that looks better, thaank you!

you are welcome :smiley:

If we need more help with webflow or any programming language, you can chat me on Linkedin.

Thks and keep doing! very nice project :smiley: