Drupal is a registered trademark of Dries Buytaert
ai 1.3.1 — Minor update available for module ai (1.3.1). seven 2.0.0-beta6 — New beta version released for theme seven (2.0.0-beta6). seven 1.0.1-beta1 — First beta version released for theme seven (1.0.1-beta1). byte_theme 1.0.2 — Minor update available for theme byte_theme (1.0.2). mercury 1.0.3 — Minor update available for theme mercury (1.0.3). ai_provider_anthropic 1.2.2 — Minor update available for module ai_provider_anthropic (1.2.2). acquia_dam 1.1.13 — Minor update available for module acquia_dam (1.1.13). media_duplicates 2.0.4 — Minor update available for module media_duplicates (2.0.4). eca 3.1.0-beta2 — New beta version released for module eca (3.1.0-beta2). swiper_formatter 2.1.1 — Minor update available for module swiper_formatter (2.1.1). solo 1.0.31 — Minor update available for theme solo (1.0.31). raven 7.3.7 — Minor update available for module raven (7.3.7). bulk_csv_delete 1.1.0 — Minor update available for module bulk_csv_delete (1.1.0). haven_theme 1.0.0 — Initial release available for theme haven_theme (1.0.0)! commercetools 2.2.0 — Minor update available for module commercetools (2.2.0). erfo 1.0.1 — Minor update available for module erfo (1.0.1). gcds 1.0.1 — Minor update available for theme gcds (1.0.1). erfo 1.0.2 — Minor update available for module erfo (1.0.2). ervms 1.0.2 — Minor update available for module ervms (1.0.2). ervms 1.0.3 — Minor update available for module ervms (1.0.3).
← All modules

css_grid_layout

No security coverage
View on drupal.org

CSS Grid for Layout Builder brings multi-column grid control to individual Layout Builder regions — without nested layouts. If you have a section with columns, this module lets editors define a CSS Grid inside each region: one row of 3 cards, a second row split in half, a full-width banner below — all without touching theme code or creating nested layout sections. It works entirely through a point-and-click modal in the Layout Builder UI and generates clean, responsive CSS automatically.

Features

  • Fake nested layouts with CSS Grid — Layout Builder sections have regions (columns), but nesting layouts inside regions is complex. This module solves that by letting you define a multi-row CSS Grid within each region, giving editors fine-grained control over how blocks are arranged inside a column without adding another layout layer.
  • Row-based grid editor — define up to 6 rows per region, each with 1–6 equal columns. Example: a full-width hero block, then a row of 3 cards, then 2 side-by-side blocks — all inside a single region.
  • Live preview — the modal shows exactly how blocks will be arranged before you apply.
  • WYSIWYG in edit mode — the grid is applied immediately inside the Layout Builder editor, so what you see in edit mode matches the frontend.
  • Responsive by default — the grid activates at 1024px and wider; on smaller screens blocks stack vertically automatically.
  • No configuration needed — install and the "Define grid" button appears on every Layout Builder region instantly.
  • Bootstrap Layout Builder compatible — works alongside BLB without conflict.
  • CSRF-protected AJAX save — grid settings are saved without a page reload.

Supporting this Module

This module is maintained voluntarily. If it saves you time, you can support development by:

  1. Reporting bugs and suggesting improvements in the issue queue
  2. Sponsoring the maintainer on drupal.org/u/arialblack

Community Documentation

Activity

Total releases
1
First release
Mar 2026
Latest release
18 hours ago
Release cadence
—
Stability
0% stable

Releases

Version Type Release date
1.0.0-alpha1 Pre-release Mar 19, 2026