GM Adaptive CSS Grid

Create adaptive & Responsive grids easily

What can GM Adaptive Grid Do?

Divi Developer Cyprus - George Nicolaou - GM Adaptive CSS Grid Columns 1

Build Grid Layouts Easily

just add two CSS classes to your elements and the plugin does the magic for you.

Divi Developer Cyprus - George Nicolaou - GM Adaptive CSS Grid Columns 2

Always Responsive

Always stays responsive. Recommended page builders are Bricks, Oxygen, and Breakdance.

Divi Developer Cyprus - George Nicolaou - GM Adaptive CSS Grid Columns 3

Easy Set & Forget

When you set do the setup you never have to think about responsive grids again.

Define Your Desired Settings

1. Define the maximum column count for your medium and large screen size.

2. Add the desired gap size (in rem).

3. Define the medium and large breakpoint (in em).

Divi Developer Cyprus - George Nicolaou - GM Adaptive CSS Grid Columns 4
Divi Developer Cyprus - George Nicolaou - GM Adaptive CSS Grid Columns 5

How to Use

The setup is quite simple. Basically, you just add two CSS classes to your elements and the plugin does the magic for you. Make sure to add the following classes to the container and direct child elements. Container Element class: grid-center (optional) Parent Element class: grid-container Child Element class: grid-item 

Suggest Features

Use the contact form below to make suggestions or report bugs. 

Request a feature or report a bug

Pin It on Pinterest

Share This
PluginsGM Adaptive CSS Grid Columns