I am designing my site on a 13" Macbook Pro. On the design page it looks centered, but on the preview page everything is skewed to the left. I have tried increasing the width of elements to compensate, but they won’t break the design page boundaries. How can I center my work on this small screen?
To center your section, containers, nav, footers etc… all you need to do is look right in the layout toolbar, just above width and height to the right is a button with a right and left arrow, click it. This is referred as a margin 0 auto, it centers things on your screen very easily.
Keep in mind, you must select the parent element to center, not the individual content inside section or nav.
See attached screenshot, I’m working on a 21.5 inch iMac.
If you’re new to Webflow, welcome! To help the Webflow community help you
faster, please link your project’s “Share Link” with your question. This
will enable the community to see your project without making any edits to
it. https://youtu.be/Gd1LhW_65xM [image] OR You can do it here as well…
[image] [image]