Resize the browser window to see tailwindcss-fluidify in action

@borisk47/tailwindcss-fluidify examples

A set of utlities for making fluid sites.

Text Size

This is text is fluid from base to 2xl class='text-base to-text-2xl'

This is text is fluid from base to 2xl class='text-lg to-text-3xl'

Responsive also works class='text-xs sm:text-lg md:text-2xl md:to-text-5xl'

well... you get the idea

Margins

All margin utilities are covered m mx my ml mt mr mb

Padding

All padding utilities are covered p px py pl pt pr pb

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Necessitatibus ut dolorem repudiandae, modi impedit corrupti aliquam obcaecati nemo facere id.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Necessitatibus ut dolorem repudiandae, modi impedit corrupti aliquam obcaecati nemo facere id.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Necessitatibus ut dolorem repudiandae, modi impedit corrupti aliquam obcaecati nemo facere id.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Necessitatibus ut dolorem repudiandae, modi impedit corrupti aliquam obcaecati nemo facere id.

Space X

Space Y

Gap

gap-x and gap-y works the same way