PHPackages                             bmd/responsive-grid-extension - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. bmd/responsive-grid-extension

ActiveLibrary[Utility & Helpers](/categories/utility)

bmd/responsive-grid-extension
=============================

Extension for core/grid wordpress block to use responsive grid attributes.

0.2.1(1mo ago)099↓88.9%GPL-2.0-or-laterJavaScriptCI passing

Since Apr 16Pushed 1mo agoCompare

[ Source](https://github.com/bob-moore/Responsive-Grid-Extension)[ Packagist](https://packagist.org/packages/bmd/responsive-grid-extension)[ Docs](https://github.com/bob-moore/Responsive-Grid-Extension)[ RSS](/packages/bmd-responsive-grid-extension/feed)WikiDiscussions main Synced 1w ago

READMEChangelog (9)Dependencies (11)Versions (11)Used By (0)

Responsive Grid Extension
=========================

[](#responsive-grid-extension)

[![Responsive Grid Extension](assets/banner-1544x500.jpg)](assets/banner-1544x500.jpg)

[![WordPress](https://camo.githubusercontent.com/975973c5e9a2b897cc1922bcc8fcbd497cebc5ec5a057ecfa204eacf7ff59bc0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f576f726450726573732d362e372532422d3338353865393f6c6f676f3d776f72647072657373266c6f676f436f6c6f723d666666)](https://wordpress.org/)[![PHP](https://camo.githubusercontent.com/8da406bc1dd3dcb38541095055eef712a822936eee12a6c185a71f6e678091b2/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e322532422d3737376262343f6c6f676f3d706870266c6f676f436f6c6f723d666666)](https://www.php.net/)[![Latest Release](https://camo.githubusercontent.com/65362ca903cb6b9a5641a5950d294b7a49e05284b974ad931223cdab8cc3bb82/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f626f622d6d6f6f72652f526573706f6e736976652d477269642d457874656e73696f6e3f6c6162656c3d72656c65617365)](https://github.com/bob-moore/Responsive-Grid-Extension/releases/latest)[![License](https://camo.githubusercontent.com/cd781d0568c328bdea35f284d33e2b1e96675ef60910926c1dd75d5a4d46de66/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d47504c2d2d322e302d2d6f722d2d6c617465722d626c7565)](https://www.gnu.org/licenses/gpl-2.0.html)

[![Lint CSS](https://github.com/bob-moore/Responsive-Grid-Extension/actions/workflows/lint-css.yml/badge.svg)](https://github.com/bob-moore/Responsive-Grid-Extension/actions/workflows/lint-css.yml)[![Lint JS](https://github.com/bob-moore/Responsive-Grid-Extension/actions/workflows/lint-js.yml/badge.svg)](https://github.com/bob-moore/Responsive-Grid-Extension/actions/workflows/lint-js.yml)[![Lint PHP](https://github.com/bob-moore/Responsive-Grid-Extension/actions/workflows/lint-php.yml/badge.svg)](https://github.com/bob-moore/Responsive-Grid-Extension/actions/workflows/lint-php.yml)

Want to give it a test drive? Try it in the WP Playground: [![Try it in the WordPress Playground](https://camo.githubusercontent.com/78e520aac1e2d37710e48b7434d6be83418cf2b41abf6a18bcdac74b5361222f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f57505f506c617967726f756e642d76302e312e352d626c75653f6c6f676f3d776f72647072657373266c6f676f436f6c6f723d253233666666266c6162656c436f6c6f723d25323333383538653926636f6c6f723d253233333835386539)](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/bob-moore/Responsive-Grid-Extension/main/_playground/blueprint-github.json)

Add responsive column and row controls to the WordPress Group block (`core/group`) when it uses Grid layout.

Features
--------

[](#features)

- Adds responsive grid controls to `core/group` in the block inspector.
- Lets you set grid template columns for desktop, tablet, and mobile.
- Lets you set grid template rows for desktop, tablet, and mobile.
- Keeps the native Group block workflow instead of introducing a custom block.
- Outputs responsive classes and CSS custom properties on the rendered block.
- Loads frontend styles only when a rendered Grid Group block needs them.
- Ships with GitHub-based plugin updates in the WordPress admin update UI.

Requirements
------------

[](#requirements)

- WordPress 6.7+
- PHP 8.2+

Installation
------------

[](#installation)

### Install as a plugin

[](#install-as-a-plugin)

1. Download the latest release zip from GitHub releases.
2. In WordPress admin, go to Plugins -> Add New Plugin -> Upload Plugin.
3. Upload the zip and activate Responsive Grid Extension.

### Install via Composer (library usage)

[](#install-via-composer-library-usage)

If you are embedding this into your own project:

```
composer require bmd/responsive-grid-extension
```

Then bootstrap:

```
use Bmd\ResponsiveGridExtension\Plugin;

$dependency_url  = plugin_dir_url( __FILE__ ) . 'vendor/bmd/responsive-grid-extension/';
$dependency_path = plugin_dir_path( __FILE__ ) . 'vendor/bmd/responsive-grid-extension/';

$plugin = new Plugin(
    $dependency_url,
    $dependency_path
);

$plugin->mount();
```

The `Plugin` constructor expects the URL and filesystem path to the Responsive Grid Extension dependency root, not the file where you call it. For example, pass `/path/to/vendor/bmd/responsive-grid-extension/` and the matching public URL for that directory.

Usage
-----

[](#usage)

1. Add a Group block.
2. Set the Group block layout type to Grid.
3. Open the block sidebar.
4. Set custom grid template columns or rows for each device size.
5. Save and view the post.

Example values:

- Columns: `repeat(3, 1fr)`
- Columns: `2fr 1fr`
- Rows: `auto auto`
- Rows: `minmax(120px, auto) 1fr`

Updates
-------

[](#updates)

This plugin is distributed through GitHub releases (not WordPress.org). The plugin includes a scoped GitHub updater so WordPress can detect and apply new versions from this repository.

Changelog
---------

[](#changelog)

### 0.1.5

[](#015)

- Refined the PHP plugin architecture around a dedicated bootstrapper, plugin service, and utility helper.
- Updated Composer autoloading for the new `Bmd\ResponsiveGridExtension` namespace structure.
- Renamed the standalone plugin entrypoint to `responsive-grid-extension.php`.
- Added separate GitHub Actions lint workflows for CSS, JS, and PHP.
- Optimized frontend asset loading so responsive grid styles enqueue only when a rendered Grid Group block is present.
- Rebuilt scoped updater dependencies.

### 0.1.4

[](#014)

- Added scoped GitHub updater bootstrap using `bmd/github-wp-updater` from `vendor/scoped`.
- Added Copilot instruction baselines under `.github/` for scoped updater install and production release packaging workflows.

### 0.1.3

[](#013)

- Introduced a basic plugin interface defining the `mount()`, `setUrl()`, and `setPath()` contract.
- Constructor accepts optional URL and path parameters for flexible asset resolution when used as a Composer dependency.
- Plugin bootstrap is wrapped in a named function.

### 0.1.2

[](#012)

- Added `mount()` method to register all WordPress hooks in one call.
- Simplified plugin bootstrap.

### 0.1.1

[](#011)

- Moved the main class into `inc/` for Composer PSR-4 autoloading.
- Fixed asset path resolution after directory restructure.

### 0.1.0

[](#010)

- Initial release.
- Added responsive Group block grid extensions for columns and rows.

###  Health Score

35

—

LowBetter than 77% of packages

Maintenance89

Actively maintained with recent releases

Popularity9

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity30

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~5 days

Total

9

Last Release

53d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/adf6af151397e0b108508ed9a8554fa09dc00f90864873446e76fa5b17463e23?d=identicon)[bobjutsu](/maintainers/bobjutsu)

---

Top Contributors

[![bob-moore](https://avatars.githubusercontent.com/u/1745619?v=4)](https://github.com/bob-moore "bob-moore (33 commits)")

###  Code Quality

TestsPHPUnit

Static AnalysisPHPStan

Code StylePHP\_CodeSniffer

Type Coverage Yes

### Embed Badge

![Health badge](/badges/bmd-responsive-grid-extension/health.svg)

```
[![Health](https://phpackages.com/badges/bmd-responsive-grid-extension/health.svg)](https://phpackages.com/packages/bmd-responsive-grid-extension)
```

###  Alternatives

[matomo/matomo

Matomo is the leading Free/Libre open analytics platform

21.7k38.9k](/packages/matomo-matomo)[moodle/moodle

Moodle - the world's open source learning platform

7.2k88.5k114](/packages/moodle-moodle)[azuracast/azuracast

The AzuraCast self-hosted web radio station management suite.

3.9k27.8k](/packages/azuracast-azuracast)[phlak/directory-lister

PHP directory lister

2.5k1.4k](/packages/phlak-directory-lister)[infinum/eightshift-libs

WordPress libs developed by Eightshift team to use in modern WordPress.

63125.5k3](/packages/infinum-eightshift-libs)[drupal-code-builder/drupal-code-builder

Code generator for Drupal

27253.3k1](/packages/drupal-code-builder-drupal-code-builder)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)