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)146.0k↓28.6%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.1 Since Nov 14Pushed 6mo 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 1mo 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 49 — FairBetter than 95% of packages Maintenance58 Moderate activity, may be stable Popularity31 Limited adoption so far Community13 Small or concentrated contributor base Maturity76 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 406d 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 [codefog/contao-haste haste extension for Contao Open Source CMS 42650.8k139](/packages/codefog-contao-haste)[madeyourday/contao-rocksolid-custom-elements Create your own, nestable content elements using a modular system. End the WYSIWYG chaos with your own content elements. 50341.9k12](/packages/madeyourday-contao-rocksolid-custom-elements)[codefog/contao-news_categories News Categories bundle for Contao Open Source CMS 3183.3k6](/packages/codefog-contao-news-categories)[terminal42/contao-folderpage Provides a new page type for Contao that allows you to group pages into folders. 18147.9k9](/packages/terminal42-contao-folderpage)[inspiredminds/contao-wowjs Integrates WOW.js for Contao content elements and form fields. 1813.0k](/packages/inspiredminds-contao-wowjs)[inspiredminds/contao-glightbox Contao extension to integrate GLightbox. 1223.3k1](/packages/inspiredminds-contao-glightbox) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)