Grid

Use our powerful mobile-first grid to build layouts of all shapes and sizes.

Two column grid

Using two column grid structure you can lay out your elements in two columns which is responsive as well.
Row 1 Column 1
Row 1 Column 2
Row 2 Column 1
Row 2 Column 2
                    
                        <div class="grid col-2">
                            <div class="grid-col">Row 1 Column 1</div>
                            <div class="grid-col">Row 1 Column 2</div>
                            <div class="grid-col">Row 2 Column 1</div>
                            <div class="grid-col">Row 2 Column 2</div>
                        </div>

Three column grid

Using three column grid structure you can lay out your elements in three columns which is responsive as well.
Row 1 Column 1
Row 1 Column 2
Row 1 Column 3
Row 2 Column 1
Row 2 Column 2
Row 2 Column 3
                    
                        <div class="grid col-3">
                            <div class="grid-col">Row 1 Column 1</div>
                            <div class="grid-col">Row 1 Column 2</div>
                            <div class="grid-col">Row 1 Column 3</div>
                            <div class="grid-col">Row 2 Column 1</div>
                            <div class="grid-col">Row 2 Column 2</div>
                            <div class="grid-col">Row 2 Column 3</div>
                        </div>
Toast