Visibility, dimensions, layout and typography — per breakpoint, on 12 core blocks, with a true mobile-first cascade.
Not a mockup — a real screenshot from wp-admin. Every FluidBlocks control lives in the block toolbar: the breakpoint switcher, visibility, spacing and typography. Native WordPress components, nothing to relearn.
@wordpress/components UI…and the published page. Same Group block — the third column is hidden on mobile with one toggle.
Total CSS shipped for that decision:
@media (max-width: 767px) {
.fb-3 { display: none !important; }
}One rule per decision. No wrapper divs, no utility soup, nothing to purge.
Tweak padding, font sizes and column widths per breakpoint without leaving the block toolbar. No Figma round-trips, no devs to nudge.
Stop maintaining custom block extensions and ad-hoc media queries. Editors get the controls; you keep clean markup and a tiny CSS footprint.
Hand clients a real responsive editor. They tweak layouts, you keep the maintenance tail short — no PHP per project, no "small change" requests.
It's the same Group block on both panels — only the active breakpoint differs. Padding, spacing and alignment each hold their own value per device, and the switcher lives right in the block toolbar.
One email when Pro opens for purchase — waitlist members get 30% off any plan during the launch window.
No spam, no drip. One email when Pro launches, that's it.