Width not responsive

Hello,

I hope someone can help or tell me what I am doing wrong.

Mt site dosent seem to be responsive when i change the view to anything smaller than Desktop, text and everything is wider than the screen.

https://preview.webflow.com/preview/gustavonline?utm_medium=preview_link&utm_source=designer&utm_content=gustavonline&preview=c37697b704e4d240dcc5900867fced29&workflow=preview

/Gustav


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

WF implements a style cascade that by default starts at the base desktop breakpoint on down. So you need to follow that approach by adding a class to an element and set it’s style on desktop. Then change it at smaller breakpoints.

There are plenty of great instructional resources in the University. Invest time into learning the tool and working with it should become easier.

1 Like

So if I understand you correctly, Webflow isn’t supposed to ‘downscale’ automatically when you change the view?

I will have to go through the different views and change the height, width, etc. for each, to make it responsive?

Depends on what the settings are that you set for an element. An element with fixed width for example would not change at smaller breakpoints whereas one set to a max-width, and a percentage-based width would. Webflow does not do any magic, it lets you enter values visually and those values need to be based on sound practices with understanding of how CSS and HTML work. Take the 101 course and you will have the necessary fundamentals. No pilot flies a plane on the first day.