Fluid Builder

Webflow Site Width

stop scaling up at this screen size

REM

Figma Design Width

scale from this screen size

REM

Min Screen Width

stop scaling down at this screen size

REM

General Variables

Variable Name

Desktop Size

Mobile Size

Add Variable

Heading Variables

Desktop Scale Ratio

Mobile Scale Ratio

Variable Name

Desktop Size

Mobile Size

Add Variable

Text Variables

Desktop Scale Ratio

Mobile Scale Ratio

Variable Name

Desktop Size

Mobile Size

Add Variable

Space Variables

Desktop Scale Ratio

Mobile Scale Ratio

Variable Name

Desktop Size

Mobile Size

Add Variable

<style>
.homepage {
  background-color: #ff2500;
}
</style>

<script>
$('.button').on('click', function() {
  $(this).toggleClass('active');
});
</script>

<h2 class="heading-large">Section Heading</h2>
<p class="paragraph-small">Paragraph content for this section</p>

Copy Code

REM