Enhance Fluid Scales

This example showcases how Enhance’s fluid text and space scales’ values change with the viewport width, using the default configuration.

Resize your browser window to see the values update.

Current viewport width: px

Text 5:

Text 4:

Text 3:

Text 2:

Text 1:

Text 0:

Text -1:

Text -2:

Space -5

Space -4

Space -3

Space -2

Space -1

Space 0

Space 1

Space 2

Space 3

Space 4

Space 5