Fluid Builder

Watch Tutorial Reset Values

Webflow Max 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

Main Variables

Variable Name

Default Size

Min Size

Add Variable

Heading Variables

Default Scale

Min Scale

Variable Name

Default Size

Min Size

Add Variable

Text Variables

Default Scale

Min Scale

Variable Name

Default Size

Min 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