Relume
Log in

Community forum for knowledge and support

Updated 2 months ago

Optimizing Layout and Typography for Responsive Design

At a glance

The community member is wondering how to add containers throughout their design to make the design take less width and also make texts smaller. The comments suggest that making these changes is not possible in Relume Site Builder, but in Webflow, there are three different container classes that can be used (container-small, container-medium, container-large). However, this would require going section by section to swap them. The community members are also advised to look into Fluid responsive design, and a Finsweet chrome extension for Webflow that has a Fluid responsive generator, which may work with Relume.

Useful resources
GGad Levy
·

Hi, I, wondering how can I add containers throughout my design to make the design take less width and also make texts smaller?

M
G
7 comments
MMatt Johnson

@Gad Levy are you in Relume Site Builder, Figma or Webflow?

GGad Levy

relume

GGad Levy

I will then export to webflow

MMatt Johnson

Making those kinds of edits won't be possible in Relume Site Builder. In Webflow, there are 3 different container classes you can use but you would have to go section by section to swap them.
container-small
container-medium
container-large (default)

GGad Levy

ok great. will this also automatically change the text and image sizes within the container?

MMatt Johnson

Hmm no - I think what you are looking for is Fluid responsive. Finsweet has a chrome extension for Webflow that has a Fluid responsive generator in it that would likely work with Relume.
https://chromewebstore.google.com/detail/finsweet-extension-for-we/mjfibgdpclkaemogkfadpbdfoinnejep

Attachment
image.png
GGad Levy

ok. thanks very much

Add a reply
Sign up and join the conversation on Slack