Make website no more than X amount of width so that it displays fine in big monitors

Design help General
1

I have an issue with my site. The thing is that while working in webflow the website looks fine for desktop but only in monitors with 1200 x 800 resolution. I did not think about big monitors that have resolutions of 2560 x 1600 px. On those monitors the website looks all distorted and not the way it should…

What I wanted to know how to do is make the website have a maximum width so that it doesn’t go 100% width on large monitors and the body stays the same size even when seen on bigger screens. How can I do this??

Thanks

2

Yes. You have to use CONTAINERS from the elements list. Containers are 940px max, and always centered.

Basically, you put a section, then several containers in it, and repeat. All the content goes into containers.

So on large screens the content is nicely contained and centered.

http://vincent.polenordstudio.fr/snap//Register_for_KDS_Now_2015_2015-03-03_12-33-18.jpg

2 Likes
3

What if i have a fixed side bar that i wanted to be contained within the 940px ?