Fluid Spacing

Fluid spacing utilizes the clamp() CSS function to define three parameters: a minimum value, a preferred value, and a maximum allowed value. Fluid spacing is applied to four steps: Small, Medium, Large, and xLarge.

xSmall

This is a sample group with fluid spacing.

Small

This is a sample group with fluid spacing.

Medium

This is a sample group with fluid spacing.

Large

This is a sample group with fluid spacing.

xLarge

This is a sample group with fluid spacing.