I Fixed WordPress' Gutenberg Block Editor with 2 Hours of Vibe Coding

Описание: I Built a Tiny Plugin to “Fix” Gutenberg – Section, Div, & Real CSS in 2 Hours (Why Isn’t This in Core?!)

8 years of Gutenberg… and no section or div block?

I got fed up — so I built a mini plugin that adds:
Section block (clean section, no bloat)
Div block (just a div, nothing else)
Global CSS panel ON the page (no dashboard hop)
Better class picker (Select2 + autocomplete)

Watch me build a 2-column hero in under 5 mins: Drop section → container → 2 divs
Add grid--auto-2 class → instant responsive grid (thanks Automatic CSS)
Write 3 lines of CSS → right column centered
Clean HTML output (no 47 random classes)

Gutenberg’s way?
→ Grid block + Stack + 400 classes + “min column width” in rems My way?
→ Real HTML + real CSS = actual web dev skills Timestamps (10-sec intro skipped):
0:10 – The “no wrenches in the garage” rant
1:20 – Plugin install + Section block demo
2:40 – Div blocks + hero build starts
4:10 – grid--auto-2 class magic (ACSS)
5:30 – Global CSS panel + flex centering
6:50 – Clean code vs Gutenberg bloat
9:20 – Why “rows/stacks” teach zero real skills
12:30 – Webflow wins by using real HTML/CSS
15:10 – Future plugin ideas (Flex Div, Figure block)
17:40 – Call to action: Should I keep building this? Drop a comment: “Add Flex Div!”
“This should be in core!”
“I love stacks”

Let’s debate: Are page builders holding devs back?

#WordPress #Gutenberg #WebDev #HTML #CSS #AutomaticCSS #Plugin

Looking for web development or branding services? https://apexbranding.design

Interested in Etch? Check it out: https://etchwp.com?aff=43a07932 (affiliate link)

Interested in Automatic CSS? Check it out: https://automaticcss.com/ref/2441/ (affiliate link)