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: https://preview.webflow.com/preview/markische-kiste-website?utm_medium=preview_link&utm_source=designer&utm_content=markische-kiste-website&preview=8c1f439027f2b02c31119275dcce6cb2&workflow=preview
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
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
Connect with me on Linkedin to extend our network and if needed, you can chat me there
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
that didn’t work unfortunately
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:
that looks better, thaank you!
you are welcome
If we need more help with webflow or any programming language, you can chat me on Linkedin.
Thks and keep doing! very nice project