Hi Funnelish team,
I’d like to raise two related questions about responsive design in the Page Builder.
1. Breakpoint sizes
In most modern design practice, the standard responsive breakpoints are:
- Mobile: up to 768px
- Tablet: 768px–1024px
- Desktop: 1024px and above
However, Funnelish’s default breakpoints currently seem to be set at 600px and 960px, which don’t match this convention. This can cause some inconsistency when designing pages that need to match specs from other tools (Figma, Webflow, etc.) or when collaborating with designers who work with the 768/1024 standard.
Is there any plan to update the default breakpoints to align with the 768px/1024px industry standard? Or alternatively, could breakpoints be made fully customizable so users can set their own values?
2. Support for additional CSS units
Currently, it looks like the Page Builder only supports pixel (px) values for sizing. Would it be possible to add support for other units such as:
em/rem(relative to font size)vw/vh(relative to viewport)%(relative to parent container)
These units are widely used for building more flexible, scalable, and truly responsive layouts, especially for typography and fluid containers. Having this option in the Page Builder would give more control over how elements adapt across screen sizes.
Would love to hear if either of these is on the roadmap. Thanks!