Why are the grid only in the center?

Hi all,

Just started building my website a couple days ago after watching some tutorials walkthrough.

Sorry for the beginner question, but for the life of me I can't figure out why the "template grids" are only in the middle/centered compared to those where you're able to edit the entirety of the section not just in the middle.

I only have a graphic design background so aligning is very important to me but I cant seem to find any solution (or find a proper keyword) online so please help me.

Thanks a lot.

This is the page width (found in Site Styles and Spacing). 

You could change this maximum to be much wider, but I would caution you against doing this because websites (unlike graphic design) are dynamic, and those 24 columns are there from screen widths of 768px up, and get stretched up to your max page width and squashed to that minimum of 768px. Text is the most tricky in this situation as it takes up more lines getting taller the narrower the text block becomes.

If you want to have the most control over the alignment it will get harder the wider you make your page width.

FYI although there are 24 columns, the space either side of the grid is also two single column that can be used.