columns

Columns powered by Flexbox

responsiveness



By default, columns are only activated from tablet onwards. This means columns are stacked on top of each other on mobile.
If you want columns to work on mobile too, just add the is-mobile modifier on the columns container:

1

2

3

4

                    

                        
                        <div class="columns is-mobile">
                          <div class="column">1</div>
                          <div class="column">2</div>
                          <div class="column">3</div>
                          <div class="column">4</div>
                        </div>
                        

                    
                

Resize

If you want to see the difference, resize your browser and see when the columns are stacked and when they are horizontally distributed.

If you only want columns on desktop upwards, just use the is-desktop modifier on the columns container:

1

2

3

4

                    

                        
                        <div class="columns is-desktop">
                          <div class="column">1</div>
                          <div class="column">2</div>
                          <div class="column">3</div>
                          <div class="column">4</div>
                        </div>
                        

                    
                



Niche Templates

Joo - Niche Multi-Purpose HTML Template
Creative 01
View more
Joo - Niche Multi-Purpose HTML Template
Corporate 01
View more
Joo - Niche Multi-Purpose HTML Template
Burger Restaurant
View more
Joo - Niche Multi-Purpose HTML Template
Wedding
View more
Joo - Niche Multi-Purpose HTML Template
Corporate 02
View more
Joo - Niche Multi-Purpose HTML Template
Barber Shop
View more
Joo - Niche Multi-Purpose HTML Template
Logistics Cargo
View more
Joo - Niche Multi-Purpose HTML Template active
Restaurant 01
Joo - Niche Multi-Purpose HTML Template
Wedding Planner
View more
Joo - Niche Multi-Purpose HTML Template
Logistics Cargo 02
View more
Joo - Niche Multi-Purpose HTML Template
Creative 02
View more
Joo - Niche Multi-Purpose HTML Template
Bridal Dresses
View more
Joo - Niche Multi-Purpose HTML Template
Coming Soon
View more
Joo - Niche Multi-Purpose HTML Template
Creative 03
View more