Restaurant | Joo - Niche Multi-Purpose HTML Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas.

gap

Default gap

Each column has a gap equal to the variable $column-gap, which has a default value of 0.75rem.
Since the gap is on each side of a column, the gap between two adjacent columns will be twice the value of $column-gap, or 1.5rem by default.

Default gap

Gapless

If you want to remove the space between the columns, add the is-gapless modifier on the columns container:

First column

Second column

Third column

Fourth column

                    

                        
                        <div class="columns is-gapless">
                          <div class="column">
                            No gap
                          </div>
                          <div class="column">
                            No gap
                          </div>
                          <div class="column">
                            No gap
                          </div>
                          <div class="column">
                            No gap
                          </div>
                        </div>

Full Documentation

Creative 01

Corporate 01

Burger Restaurant

Wedding

Corporate 02

Barber Shop

Logistics Cargo

Restaurant 01

Wedding Planner

Logistics Cargo 02

Creative 02

Bridal Dresses

Creative 03

Coming Soon

Discover Our Menu

roasted chicken

tasty drink

sea foods

roasted chicken

columns

Columns powered by Flexbox

gap

Default gap

Gapless

footer

Creative 01

Corporate 01

Burger Restaurant

Wedding

Corporate 02

Barber Shop

Logistics Cargo

Restaurant 01

Wedding Planner

Logistics Cargo 02

Creative 02

Bridal Dresses

Coming Soon

Creative 03