Sanded down some of the rough edges on my Layout Breakouts Builder
https://layout-breakouts-builder.vercel.app/

Would love for someone to try it out! All feedback welcomed!

Inspired by the work of @hexagoncircle and @kevinpowell combined with my heavy usage of it for the last ~6 months on production sites.

Layout Breakouts Builder

Generate CSS for the Layout Breakouts pattern

@walpolea Visually speaking, it'd be great if you could use (sub)grid to align items in your `.track-definitions`, not critical, just nicer looking.

And the "Add" input below should react to the Enter key if possible.

In the code, I love the indentation to show the track hierarchy! A detail, though `:where(*)` is the same as `*` so you can shave a little cognitive overhead there, but I can understand wanting to keep that for customisation. And a copy to Clipboard would be a nice addition.

@walpolea Overall, great work, building grid systems can be a pain and tools like this are great to make it easier.