Media Queries: Creating Responsive Edits for Squarespace
Unraveling Mobile CSS and Styling Secrets for Responsive Web Design
This is an advanced course for those who have previously taken the CSS for Squarespace Course or feel familiar enough with CSS edits that they can dive into more complex solutions to responsive design.
In this course we are using the basic min and max-width media queries, to transform a sometimes clunky design for mobile in Squarespace, to something that works seamlessly desktop to handheld device.
The key to understanding responsive design for Squarespace, is not just the custom CSS edits, but the process of choosing and editing the design while implementing regular Squarepace blocks and elements.
Learn how to reduce instagram blocks so you don't get tired scrolling through a grid gallery of 10 items, or change from a carousel gallery for desktop to a grid gallery for instagram on mobile.
Hi Squarespace lovers, I'm Meg, the crazy creative behind the start of SSDG. What started as a side project and a wish for a place for my own creative self to learn more about how to be the best squarespace designer I could be, spawned this project. I'm a graphic designer with my studio www.megsummerfield.com where I spend most days helping my amazing clients with their branding.
As a foodie and a designer, you would be surprised if I didn't have a food blog ... right? Yeah, well Summerfield Delight is what really spawned my creativity towards squarespace.
I hail from the small state of Rhode Island, where I work in my artist loft in a 'burb of Providence. You will sometimes see my crazy cat Mabel show up in my feed, she's my crazy studio side-kick. Outside of designing, I'm probably testing new Vegetarian restaurants or taking the paddle board out for a spin!