So how do we create a spacious look?  

Google sites page structure has unlimited horizontal full-width sections but the body content is limited to a max-width 12 pre-set vertical columns with margins (space between vertical elements) . Text boxes have a pre-set top, bottom, left, right padding  (space between the element edge and text) but image boxes do not.

Instead of using the single pre-set margins between vertical boxes, we can create extra vertical spacing between text and the image by moving your blue bounding boxes further apart by 1,2,3 columns.  To create space between horizontal sections we can simply add a new section by adding a new text box into the current section and adjust the height by entering normal empty text lines with returns, this can also be done with a separate text box at the top of your content to help adjust the horizontal positioning of the text by using empty text returns or by using empty text boxes in between the horizontal of each element in the same  vertical column.

Are there limits on what you can do?

 Google website builder does have limits, no full width for content. For each column element within a section row, all the columns are the same width so its impossible to have different column widths directly stacked on top each of other. Example: if a text or image box is 4 columns wide that means every box  column above or below will be 4 columns wide, however, only  within that complete horizontal section.  Each new box starts at the top of the column, there are no settings to add or adjust the CSS top, bottom margins or the padding within Google sites website builder.  As with most websites  the mobile responsive versions will be different , the browser will read the page from the top section, starting from the left column and down then across next column to the right within that horizontal section, this needs to be considered when adding related text to images. 

SERVICES

*sponsored link

Domain name can easy be bought  $10-$20 from  Namecheap.com 

CONTACT ME