Fluid Typography in Divi

Example1: Using vw after phone device width

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Fluid Typography in Divi

Example 2: Using calc() with vw to control min font size

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Fluid Typography in Divi

Example 3: Using Divi’s built-in device breakpoints with calc(), and vw for fluid font size on tablet display

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Fluid Typography in Divi

Example 5: Using min() and max() to set min, fluid, and max font sizes

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Fluid Typography in Divi

Example 6: Using clamp() to set min, fluid, and max font sizes

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.