Make content central to browser window but keep text left-aligned

Design help General
1

I’m sure this is a very simple thing to do but I can’t work it out.

How do you make all content central to the browser window (maximum width of 1200px), content 100% width, but keep content/text left aligned. At the moment all the content pushes to the left hand side and leaves a huge gap on the right.

Screenshot 2020-04-04 at 19.20.43
Screenshot 2020-04-04 at 19.20.431500×476 31.8 KB

Thanks

Here is my site Read-Only: https://preview.webflow.com/preview/peanut-studio?utm_medium=preview_link&utm_source=designer&utm_content=peanut-studio&preview=2e2a45f52cfaa809defd7e837500f9e7&mode=preview

(how to share your site Read-Only link)

2

Hello @sweller

I noticed you’re using a class body for the main body element in your project and that you applied a maximum with of 1200 pixels, if that is going to be the case the only thing you have to do in order to center the content is to apply center the element as shown in the following video:

https://d.pr/i/GAb845

1 Like
3

Thank you so much! That’s exactly what I was looking for.

1 Like