RapidUI enables full control over your website's design in every resolution. One of our key abilities, which allows easy adjustment of your site's design in different resolutions, is the Scale Content tool - it automatically makes your designs fit almost perfectly to different screen sizes and makes your site look and feel good in every resolution!
The scaling tool automatically resizes objects’ size & styling to fit to your breakpoints (before using the scaling tool, check out our responsive guide to learn how to create breakpoints).
When using the scaling tool you can either scale a single element, a group/container (which can contain elements within), a section, or the entire page - and make them shrink or grow, according to your site’s design.
!RapidTip For best results - we recommend scaling elements or sections rather than scaling the entire page, as this allows more control and more accurate scaling.
If you aren’t pleased with the results of your scaling - don’t worry! You can always undo scaling (CTRL/Command + Z), and then set a different scale to fit to your site.
How to use the ‘Scale Content’ tool:
- Head to the responsive panel, which is the resolution bar at the top of the studio
- Head to the breakpoint where you wish to make changes
- Select the element/section you wish to scale (or none if scaling the entire page)
- Click 'Scale Content'
- Pick which size you’d like to change your elements to, in percentage to original size (can be both bigger and smaller)
Keep in mind: You can always upload a separate design for the mobile version! Read more on how to set your mobile breakpoint