Guide to creating responsive layouts in Shaper.
md:p-8
for medium screens). The Property Panel might expose this by letting you toggle “mobile”, “tablet”, “desktop” modes and adjust styles per view. For example, you might set an image to be 50% width on desktop (class md:w-1/2
) but full width on mobile (w-full
by default).Tip: Leverage Shaper’s “Preview” mode (play button) to interact with your design at different breakpoints. In Preview, you can scroll and navigate just like a live app. This is great for testing responsive navigation or verifying that a component like a sidebar collapses on mobile.