Grid Simplified

Grids are a crucial part of any layout and these grid styles can make the layout very easy.

Side by Side (50:50) Layout

Use grid-50-50 class on wrapper div to divide the container into two equal parts.

coffee mug

Exciting offers on your favorite products

(30:70) Layout

Use grid-30-70 class on wrapper div to divide the container into 30:70 proportion.

coffee mug

Exciting offers on your favorite products

(70:30) Layout

Use grid-70-30 class on wrapper div to divide the container into 70:30 proportion.

coffee mug

Exciting offers on your favorite products

Three column Grid Layout

Use grid-3-col class on the wrapper div to divide the layout into 3 columns.

card-img
CognitiveSurplus Curiosity Rover 11 oz Ceramic Mug
₹ 1000 ₹ 2,317
card-img
CognitiveSurplus Curiosity Rover 11 oz Ceramic Mug
₹ 1000 ₹ 2,317
card-img
CognitiveSurplus Curiosity Rover 11 oz Ceramic Mug Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptas, velit!
₹ 1000 ₹ 2,317