Grid

---

Introduction

Grid 2

The most used grid layout of two equal columns. You can use .grid-2 class to create two column grid layout.

1

1

Code:

Grid 3

Another useful grid layout is three equal column layout. Use .grid-3 class to create three column layout.

1

1

1

Code:

Grid 4

Another useful grid layout is four equal column layout. Use .grid-4 class to create four column layout.

1

1

1

1

Code:

Grid Auto

Another useful grid layout is auto column layout. It tries to fit as many columns in the given space. Use .grid-auto class to create this layout. Each grid child takes a minimum width of 240px.

1

1

1

1

1

1

1

1

1

1

Code:

---