Pricing Learn Community

Overview
CARDS

2 columns layout

Tailwind CSS 2 columns layout

Use a responsive 2 columns layout with TW elements. A tutorial on how to simply create a 2 columns layout.

Basic example

Use the .grid and .grid-cols-2 classes to create a 2 columns layout.

1

2

3

4

5

HTML

        
            
        <div class="grid grid-cols-2 gap-4">
          <div>1</div>
          <div>2</div>
          <div>3</div>
          <div>4</div>
          <div>5</div>
        </div>

Basic example
Related resources