Build Grid Page Layouts in Squarespace

Build Grid Page Layouts in Squarespace is a self-paced video workshop from Will Myers in which you build a grid based page layout in Squarespace 7.1 and learn the fundamentals of CSS Grid along the way. The deliverable is a grid layout like the one on the workshop's cover art, and the lessons are designed around visuals for design-minded learners.

What you get

• Core lessons: what CSS Grid is, outlining a grid template, adding page sections, building the grid container, placing grid items and optimising for screen sizes
• Additional lessons: turning off the grid in edit mode, adding page sections, adjusting cell aspect ratio and adding code to page header injection
• Deeper learning lessons on the HTML layout of Squarespace 7.1 pages and how the :nth-of-type() pseudo-class works
• About 60 minutes of core video plus 16 minutes of optional lessons

Who it suits

Squarespace designers with some basic HTML and CSS who have built at least one site and want to create layouts that break out of stacked sections. Will recommends that prerequisite before starting.

Honest limits

• Recorded before Fluid Engine: lessons use Classic Editor sections, though Will says the setup and code work with Fluid Engine too
• Assumes basic CSS knowledge and prior Squarespace experience
• Grid layouts built with code need care when clients edit the page later

How it is delivered

Bought from Will Myers' store for $50 as a self-paced video workshop. Will suggests setting aside about two hours to work through the example alongside the videos.

Related guide: browse every course we list in the Squarespace courses collection, or read our best Squarespace courses in 2026 roundup.