PHPackages                             clickpress/contao-clickpress-grid - 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. clickpress/contao-clickpress-grid

ActiveContao-bundle[Utility & Helpers](/categories/utility)

clickpress/contao-clickpress-grid
=================================

Grid System for Contao based on CSS Grid

v2.2.3(1y ago)166.2k↓61.9%4[1 issues](https://github.com/clickpress/contao-clickpress-grid/issues)[1 PRs](https://github.com/clickpress/contao-clickpress-grid/pulls)LGPL-3.0-or-laterPHPPHP ^8.1CI failing

Since Nov 14Pushed 7mo ago4 watchersCompare

[ Source](https://github.com/clickpress/contao-clickpress-grid)[ Packagist](https://packagist.org/packages/clickpress/contao-clickpress-grid)[ RSS](/packages/clickpress-contao-clickpress-grid/feed)WikiDiscussions main Synced 3d ago

READMEChangelog (10)Dependencies (5)Versions (28)Used By (0)

[![Version](https://camo.githubusercontent.com/16078abfd14e29c799821b02fe0aa59567e384f870c07a73e06023a01b98f96d/687474703a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f636c69636b70726573732f636f6e74616f2d636c69636b70726573732d677269642e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/clickpress/contao-clickpress-grid) [![GitHub license](https://camo.githubusercontent.com/5be27ab2df7653ba39960711a5b0c4a05f4d002a4dc51a3229489283acba6ca6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d47504c2d626c75652e7376673f7374796c653d666c61742d737175617265)](https://raw.githubusercontent.com/clickpress/contao-clickpress-grid/master/LICENSE)

Grid CSS for Contao
===================

[](#grid-css-for-contao)

Add columns to your page content.

Contao Clickpress Grid uses [CSS Grid](https://css-tricks.com/snippets/css/complete-guide-grid/) and so less HTML is needed.

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

[](#installation)

```
composer require clickpress/contao-clickpress-grid
```

or use the Contao Manager.

Usage
-----

[](#usage)

1. Enable the built-in CSS grid in your Contao page layout settings or create your own custom CSS.
2. Add a new content element of type "Gridset Start". The corresponding "Gridset End" will be added automatically.
3. Configure your column settings in the "Gridset Start" element.
4. Place your desired content elements between the "Gridset Start" and "Gridset End" elements.

If you need multiple content elements within a single column, wrap them with "Column Start" and "Column End" elements.

Customized CSS
--------------

[](#customized-css)

To override the default grid styles:

1. Uncheck "Load Clickpress Grid CSS" in the page layout settings.
2. Copy and customize the clickpress-grid.scss file ()
3. Include your custom CSS as an external stylesheet in the layout settings.

Inside
------

[](#inside)

This is the result of a 40% 30% 30% setting on desktop. So, three columns will be displayed in a row. The fourth column will be placed in a new row, automatically.

```

   ...
   ...
   ...
   ...
   ...

```

Credits
-------

[](#credits)

Big thanks to [rocksolid\_columns](https://github.com/madeyourday/contao-rocksolid-columns) for some parts of the module.

###  Health Score

48

—

FairBetter than 93% of packages

Maintenance53

Moderate activity, may be stable

Popularity32

Limited adoption so far

Community13

Small or concentrated contributor base

Maturity77

Established project with proven stability

 Bus Factor1

Top contributor holds 97.6% 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 ~78 days

Recently: every ~37 days

Total

26

Last Release

454d ago

Major Versions

v1.5.3 → v2.0.02024-10-16

PHP version history (4 changes)v1.0.0PHP ^7.1

1.4.2PHP ^7.2 || ^8.0

v1.5.0PHP ^7.2 || ^8.1

v1.5.1PHP ^8.1

### Community

Maintainers

![](https://www.gravatar.com/avatar/0c047ad70477abff1691d3d11da6bd4c3bdedcb82beab9aa7cb715a55b08a7e2?d=identicon)[stefansl](/maintainers/stefansl)

---

Top Contributors

[![stefansl](https://avatars.githubusercontent.com/u/1564251?v=4)](https://github.com/stefansl "stefansl (120 commits)")[![jaynoe](https://avatars.githubusercontent.com/u/25270391?v=4)](https://github.com/jaynoe "jaynoe (3 commits)")

---

Tags

columnscolumnsetcontaocontao-bundlecontao-columnscontao-gridgridgridcss

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/clickpress-contao-clickpress-grid/health.svg)

```
[![Health](https://phpackages.com/badges/clickpress-contao-clickpress-grid/health.svg)](https://phpackages.com/packages/clickpress-contao-clickpress-grid)
```

###  Alternatives

[metamodels/core

MetaModels core

10156.4k68](/packages/metamodels-core)[codefog/contao-news_categories

News Categories bundle for Contao Open Source CMS

3189.0k6](/packages/codefog-contao-news-categories)[terminal42/contao-node

Node bundle for Contao Open Source CMS

3177.0k6](/packages/terminal42-contao-node)[markocupic/calendar-event-booking-bundle

Contao Calendar Event Booking Bundle

135.2k1](/packages/markocupic-calendar-event-booking-bundle)

PHPackages © 2026

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