Andrew WalpoleApr 16, 2024

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

Show threadAndrew Walpole
@hexagoncircle @kevinpowell The hardest part was getting the code to render like this:
Apr 16, 2024 at 2:39amWeb
Show threadspartanatreyuApr 16, 2024

@walpolea @hexagoncircle @kevinpowell

Oh no! That code pyramid... It's callback hell all over again.

Here's how I did it a month ago:

https://codepen.io/spartanatreyu/pen/YzMwNmr?editors=1100

Better layout experiment, css-grid, subgrid, grid-columns

...

Show threadspartanatreyuApr 16, 2024

@walpolea @hexagoncircle @kevinpowell

I do like the editor you've made though