{"product_id":"build-grid-page-layouts-in-squarespace-will-myers","title":"Build Grid Page Layouts in Squarespace","description":"\u003cp\u003eBuild 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.\u003c\/p\u003e\u003ch3\u003eWhat you get\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eCore lessons: what CSS Grid is, outlining a grid template, adding page sections, building the grid container, placing grid items and optimising for screen sizes\u003c\/li\u003e\n\u003cli\u003eAdditional lessons: turning off the grid in edit mode, adding page sections, adjusting cell aspect ratio and adding code to page header injection\u003c\/li\u003e\n\u003cli\u003eDeeper learning lessons on the HTML layout of Squarespace 7.1 pages and how the :nth-of-type() pseudo-class works\u003c\/li\u003e\n\u003cli\u003eAbout 60 minutes of core video plus 16 minutes of optional lessons\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eWho it suits\u003c\/h3\u003e\u003cp\u003eSquarespace 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.\u003c\/p\u003e\u003ch3\u003eHonest limits\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eRecorded before Fluid Engine: lessons use Classic Editor sections, though Will says the setup and code work with Fluid Engine too\u003c\/li\u003e\n\u003cli\u003eAssumes basic CSS knowledge and prior Squarespace experience\u003c\/li\u003e\n\u003cli\u003eGrid layouts built with code need care when clients edit the page later\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eHow it is delivered\u003c\/h3\u003e\u003cp\u003eBought 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.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eRelated guide:\u003c\/strong\u003e browse every course we list in the \u003ca href=\"https:\/\/www.squarelocator.com\/collections\/courses\"\u003eSquarespace courses collection\u003c\/a\u003e, or read our \u003ca href=\"https:\/\/www.squarelocator.com\/blogs\/insights\/best-squarespace-courses-in-2026\"\u003ebest Squarespace courses in 2026\u003c\/a\u003e roundup.\u003c\/p\u003e","brand":"Will Myers","offers":[{"title":"Default Title","offer_id":66220124537181,"sku":null,"price":50.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1043\/9275\/3501\/files\/CSS_Grid_Workshop_Keynote_Primary.001.webp?v=1792057105","url":"https:\/\/www.squarelocator.com\/products\/build-grid-page-layouts-in-squarespace-will-myers","provider":"SquareLocator","version":"1.0","type":"link"}