Overview
In Flowmo, you can make your text scale automatically with your layout by switching to Relative font size.
This makes typography responsive across different screen widths, while keeping it readable and consistent.
How to set relative font size
Select a text element on your canvas.
In the Design panel, under Typography, find the Font size field.
Switch the size type from Absolute to Relative.
Absolute keeps the text size fixed (e.g. 56 px).
Relative makes the font scale based on the width of the viewport.
Once you select Relative, two new fields appear — Min and Max — which define the smallest and largest possible font sizes.
Setting minimum and maximum values
Min – the smallest size your text can shrink to.
Max – the largest size it can grow to.
These values keep your text balanced on both small and large screens.
💡 Example
Let’s say your text is set to 56 px on your main design frame (1440 px wide).
This becomes the base size — meaning that when your project is viewed at 1440 px width, the font will appear at 56 px.
Now, define your limits:
Min: 40 px
Max: 70 px
Here’s how it behaves:
On smaller screens, the text will shrink — but not below 40 px.
On larger screens, the text will grow — but not above 70 px.
At your reference width (1440 px), it will remain 56 px.
This setup keeps your typography proportional and readable across all breakpoints.
✅ Summary
Use Relative font size to make text scale smoothly across screen sizes.
Add Min and Max values to keep it within comfortable, readable limits — no matter how wide or narrow the layout gets.