Quickfire Squarespace Tip: use Spacer Blocks to break text

There are certain issues when formatting content to look best across all browser widths. You would naturally use line-breaks (pressing SHIFT + ENTER) on desktop widths to format the text— to make it easier to read. But that doesn't work on mobile. It looks awful when the text wants to naturally flow within its parent container. 

In Squarespace, instead of forcing line breaks in your text, just insert SPACER BLOCKS on both sides of your paragraph. They disappear on mobile widths, making them INCREDIBLY AWESOME for tweaks like this. 

In the video, I've added a full-wide Spacer Block to "cut the text apart". Then I drag/drop a few more, and make adjustments to center everything.

Squarespace docs on Spacer Blocks (that totally rhymes)

Quick Responsive Squarespace Tip: Formatting Text using a Spacer Block Instead of using a Line Break

When adding site content, sometimes it's hard to remember that a site's text content should adapt across all device widths. This is the essence of Responsive Design.

Specifically, within Squarespace it's easy to adapt content to work across all devices.

The following is a bit of a hack, using a "Spacer Block", one of Squarespace's built-in content blocks.