Columns

Tailwind CSS Columns

Use responsive columns utilities with TW elements. Control the number of columns within an element.

Basic example

Use the columns-{n} utilities to set the number of equally width columns that should be created for the content within an element. The maximum number of columns {n} is 12.

HTML

        
            
        <div class="... columns-3">
          <img class="... w-full" src="..." />
          <!-- ... -->
          <img class="... w-full" src="..." />
        </div>

Columns

Tailwind CSS Columns

Basic example

Access restricted

To view this section you must have an active PRO account

Columns

Tailwind CSS Columns

Basic example

Related resources