Creating the Squarespace Preview


I would like to recreate the Squarespace Preview effect for their templates:

I would like to be able to recreate the viewing experience for the full and mobile sizes within the same browser window, and clicking on them to expand and go full screen. Has anyone seen a tutorial to do this same preview effect?


The cool thing about the front-end web is that all the code that makes it work is there for you to see under the hood. I recommend you dig through the source code (via the inspector) and see how far you can get in recreating it. Then, if you are stuck on a step, get some help with that. :slight_smile:

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.