Stuff & Nonsense product and website design

Blog and all that malarkey

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.


Written by Andy Clarke who tagged this with css


More from Stuff & Nonsense

Services I offer

Product UX design

Product UX design

The contract template trusted by thousands of designers and developers to keep their web projects running smoothly.

Design mentorship and teaching

Design mentorship and teaching

Whether you’re stuck, starting out, or stepping up—Andy’s here to help you become a better designer.

Squarespace templates for sale

Squarespace templates for sale

Take your Squarespace designs from good to great with my bespoke templates.

Andy Clarke on YouTube

Andy Clarke on YouTube

Join Andy on YouTube to learn how you can make better product and website designs.