One thing I still struggle with in Framer is building truly fluid layouts. A hero can look perfectly balanced on my laptop, but on a larger screen the same layout suddenly has too much empty space, huge gaps between elements, or a composition that just feels stretched. In Webflow I used rem + clamp() for typography, spacing, and sizing, so everything scaled together. In Framer, text can scale, but most layout values still stay fixed, which often breaks that balance. Containers solve part of the problem, but not every website should feel boxed into a 1200px column. Some agency or portfolio layouts work much better when the composition uses the full screen. So I’m curious: how do experienced Framer designers handle this? Do you rely on containers and breakpoints, use code overrides, or just accept that some layouts won’t scale perfectly on every screen?
One thing I still struggle with in Framer is building truly fluid layouts. A hero can look perfectly balanced on my laptop, but on a larger screen the same layout suddenly has too much empty space, huge gaps between elements, or a composition that just feels stretched. In Webflow I used rem + clamp() for typography, spacing, and sizing, so everything scaled together. In Framer, text can scale, but most layout values still stay fixed, which often breaks that balance. Containers solve part of the problem, but not every website should feel boxed into a 1200px column. Some agency or portfolio layouts work much better when the composition uses the full screen. So I’m curious: how do experienced Framer designers handle this? Do you rely on containers and breakpoints, use code overrides, or just accept that some layouts won’t scale perfectly on every screen?