Responsive grid block to build layouts of all shapes and sizes thanks to a twelve column system. Visual columns size and order change.

3 columns

9 columns

5 columns

7 columns

7 columns

5 columns

9 columns

3 columns

AWB plugin integration:

The Grid block integrates with our Advanced WordPress Backgrounds plugin and allows you add images, video and parallax backgrounds right on the Rows and Columns:

Something like this one with solid color on the left column and parallaxed image on the right + both backgrounds stretched 🤯

Responsive options:

We use settings, that look like Bootstrap Grid, but it is not the same. Bootstrap is mobile-first (from small to large screens), Ghost Kit is desktop-first (from large to small screens).

AllDesktopLaptopTabletMobile
Screen sizeAll<= 1200px<= 992px<= 768px<= 576px

For example, media query for Tablet looks like this:

@media (max-width: 768px) {
    ...
}

Block options:

  • Up to 12 columns in the row
  • Row and Column backgrounds (image, video & parallax with AWB plugin)
  • Column size
  • Column order
  • Column Sticky content
  • Responsive controls for Desktop, Laptop, Tablet, Mobile
  • Vertical alignment
  • Horizontal alignment
  • Gap

Pro:

  • Full height option
  • Visual editor with better UI experience