Stack · Container
Section block
Vertical stacking container for building page sections
The Section block is your foundation for creating structured page layouts. Perfect for hero sections, content areas, and any vertical content organization. Sections span the full width of your page by default, with intelligent inner width constraints to keep your content readable and centered.
Key Features
Best For
Hero sections
Content areas
Feature sections
Testimonial blocks
Call-to-action sections
Demo
Section Block
Section Block
Flex · Horizontal
Row (Flex) block
Horizontal flex container for side-by-side layouts
The Row block creates flexible horizontal layouts with automatic wrapping. Ideal for button groups, card layouts, feature lists, and any content that needs to flow horizontally with responsive behavior.
Key Features
Best For
Button groups
Feature cards
Image galleries
Icon lists
Navigation elements
Stats and metrics
Demo
Fast
Lightning-fast performance
Beautiful
Stunning visual design
Accessible
Built for everyone
Grid · Responsive
Grid block
Powerful CSS Grid container for complex layouts
The Grid block leverages CSS Grid to create sophisticated multi-column layouts with precise control. Perfect for card layouts, galleries, and any design requiring structured grid-based organization.
Key Features
Best For
Card grids
Product listings
Image galleries
Portfolio layouts
Team member sections
Feature showcases
Demo
Responsive Columns
Define separate column counts for desktop, tablet, and mobile.
Auto-Fill Mode
Columns automatically fill available space as content grows.
Gap Controls
Independent row and column gap settings with preset spacing.
Span Control
Make individual items span multiple columns or rows.
Alignment
Align items to stretch, start, center, or end within cells.
Nested Grids
Place grids inside grids for complex multi-level layouts.
All layout blocks support WordPress’s native block supports including spacing, colors, typography, borders, and more.
Split · Media · Content
Fifty-Fifty
Full-width 50/50 split with edge-to-edge media on one side and constrained content on the other. Perfect for hero sections, feature highlights, and about-style pages.
Fifty · Fifty
Media on one side, story on the other.
Edge-to-edge media + constrained content for hero blocks, product showcases, and about sections. Swap sides, adjust focal point, and tune padding — all from the inspector.
Stack · Pin · Scroll
Sticky sections
Sections that stick and stack as you scroll, creating a card-stacking reveal. Scroll the three cards below to see them pile on top of each other.