Tailwind Grid System

View on GitHub

This plugin attempts to simplify fluid grid system implementation with deeply nested elements.

Columns

Use the span utility to set the column number.

span-w-1
span-w-2
span-w-3

Gutters

Gutter

With span

You can use wide to add one gutter to span, and wider to add two gutters.

span-w-2
span-w-2-wide
span-w-2-wider

Spans & gutters

Container with gutter-gap-1 class.

span-w-2
span-w-2
span-w-3

Manual spacing.

span-w-2
span-w-2
gutter-ml-1
span-w-2
span-ml-1-wider