Grids
Grids are used to design the web pages using a grid-based layout system with rows and columns. This
helps create complex responsive web designs easily.
Grids-2
Grids 1:1
The grids are in 1:1 ratio, dividing the width into 2 equal halves. Use class
grid-one-one in the parent container to get the below style.
Get Planners
Starting at Rs. 699
<!-- add class="grid-one-one" in the parent container with two grid-child elements-->
<div class="grid-one-one">
<div class="grid-child"></div>
<div class="grid-child"></div>
</div>
Grids 70:30
These grids divide the section in 70:30 ratio. Use the class
grid-70-30 in the parent container to get the below style.
Get Planners
Starting at Rs. 699
<!-- add class="grid-70-30" in the parent container with two grid-child elements-->
<div class="grid-70-30">
<div class="grid-child"></div>
<div class="grid-child"></div>
</div>
Grids-3
The grids dividing the width into 3 equal sections. Use the class
grids-3 in the
parent container to get the below style.
<!-- add class="grids-3" in the parent container with three grid-child elements-->
<div class="grids-3">
<div class="grid-child"></div>
<div class="grid-child"></div>
<div class="grid-child"></div>
</div>