Eleventy in a Box
A premium Eleventy starter kit for designers and developers who want to spend less time setting up the same project structure and more time designing websites.
New and improved compound grid generator
To get ready for my first practical layout workshop for designers this week, I upgraded my compound grid generator with a new and improved version.
The brilliant Michelle Barker made the first compound grid generator and I included a modified version with Layout ❤︎. To get ready for my layout workshop for designers, I’ve added some extra functionality:
- Add a gap value in em, px, % or rem
- Copy the generated compound grid CSS to the clipboard
- Download a WebP image of the generated compound grid
Try the new and improved compound grid generator and book a spot on my workshop. There are still one or two tickets available.
September 23, 2025 • Andy Clarke • CSS