# Keeping a layout consistent across breakpoints **URL:** \ **Category:** Ask the community\ **Tags:** question, design, wix-studio\ **Created:** [September 15, 2026, 6:45pm UTC](https://forum.wixstudio.com/t/keeping-a-layout-consistent-across-breakpoints/79762 "2026-09-15T18:45:54Z")\ **Posts on this page:** 3\ **Page:** 1
**Author:** ![Lilyhazel](https://avatars.discourse-cdn.com/v4/letter/l/a183cd/32.png) [@Lilyhazel](https://forum.wixstudio.com/u/Lilyhazel)\ **Post date:** [September 15, 2026, 6:45pm UTC](https://forum.wixstudio.com/t/keeping-a-layout-consistent-across-breakpoints/79762/1 "2026-09-15T18:45:54Z")
I’m working on wix studio site and I’m having trouble keeping the layout consistent between desktop, tablet and mobile. It looks fins at the main breakpoints, but when I check intermediate screen sizes[,](https://geometrrydashapk.com/) some spacing and text sizes changes quit a bit. what best way to structure sections and containers in wix studio? so that design stays consistent across diff screen widths? ---
**Author:** ![system](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/system/32/86885_2.png) [@system](https://forum.wixstudio.com/u/system)\ **Post date:** [September 17, 2026, 4:31pm UTC](https://forum.wixstudio.com/t/keeping-a-layout-consistent-across-breakpoints/79762/2 "2026-09-17T16:31:02Z")
Listed on September 17, 2026, 4:31pm UTC ---
**Author:** ![Webhil](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/webhil/32/122559_2.png) [@Webhil](https://forum.wixstudio.com/u/Webhil)\ **Post date:** [September 19, 2026, 6:32am UTC](https://forum.wixstudio.com/t/keeping-a-layout-consistent-across-breakpoints/79762/3 "2026-09-19T06:32:42Z")
Studio does not interpolate between your defined breakpoints. Elements scale according to their responsive behavior setting, and spacing follows the margin/padding units you set. The inconsistency you are seeing at intermediate sizes is those settings doing what they are configured to do. **Spacing changes** come from margin and padding unit choices. The default px\* (scalable pixels) adjusts proportionally as screen width changes. Fixed px values stay constant. Mixing the two across related elements produces gaps that shift as the viewport narrows. **Text size changes** happen when an element’s responsive behavior is set to Scale Proportionally — it shrinks with the viewport. If neighboring text is set to Fixed or Wrap, one resizes and one does not, so the relationship breaks at intermediate widths. **The fix:** check every section and container’s margin/padding units in the Inspector panel. Use px\* consistently across elements that need to hold a relationship. Set text responsive behavior uniformly — either all Scale Proportionally or all Wrap — within a section. Avoid Fixed on a mobile-first layout unless you want the element to stay large on small screens. Work desktop-first. Changes cascade down from larger breakpoints to smaller ones, so setting proportional relationships at desktop gives you a base the smaller breakpoints inherit. **Verified against:** > **[Studio Editor: Troubleshooting Responsiveness Issues | Help Center | Wix.com](https://support.wix.com/en/article/studio-editor-troubleshooting-responsiveness-issues)** > > Experiencing issues with the way your client's site looks across breakpoints? The Studio Editor gives you the tools to tackle common responsiveness challenges, > **[Studio Editor: Working with Docking, Margins and Padding | Help Center | Wix.com](https://support.wix.com/en/article/studio-editor-working-with-docking-margins-and-padding)** > > In an ever-changing world of devices, it’s important to control your elements' position so they look just as you want on different screen sizes. In the Studio E > **[Studio Editor: Setting the Size of Your Elements | Help Center | Wix.com](https://support.wix.com/en/article/studio-editor-setting-the-size-of-your-elements)** > > As you're designing a site, you want to make sure it looks great on every screen size. In the Studio Editor, you set the sizing in px\* and the responsive behavi