Equal Heights

Equal Height Columns

01

STEP 01

Switch the Row to Flex

Add a row with the columns you need, then open the Design tab and go to Layout. Confirm Layout Style is set to Flex — Divi 5 already defaults every new row to this — and set Layout Direction to Row so your columns sit neatly side-by-side.

Design → Layout → Layout Style

02

)

STEP 02

Set Align Items to Stretch

Still inside the Row's Layout settings, change Align Items to Stretch. This one setting matches every column to the height of the tallest in the row.

Design → Layout → Align Items

03

f

STEP 03

Add Modules & Pin Your Buttons

Drop your icon, heading, text, and button modules into each column. Set Justify Content to Space Between so buttons stay pinned to the bottom, no matter how much text sits above them.

Column → Layout → Justify Content

EQUAL HEIGHTS EXAMPLE 5

Card With Images of Different Aspect Ratios

ASPECT RATIO - 4:3

An image capturing a sleek computer keyboard resting on a polished desk, complemented by a stunning cityscape visible in the background, showcasing the perfect blend of technology and urban life.

ASPECT RATIO - 16:9

An image of a woman typing on a laptop keyboard with glasses, a notebook, and an iPad off to the left. The laptop screen is dark with a subtle building reflection.

ASPECT RATIO - 16:9

Two people conversing in a restaurant discussing business. One is typing on a computer screen while the other listens intently.

EQUAL HEIGHTS EXAMPLE 4

Blog Post Cards

Sustainability

How small businesses can cut carbon emissions without cutting corners

Practical, low-cost changes that have a measurable impact — from supplier audits to packaging choices that reduce your footprint.

12 June 2026 · 5 min read

Design

Essential Layout Principles for No-Code Designers

Spacing, hierarchy, and alignment — the fundamentals that separate a polished site from one that's merely functional.

5 June 2026 · 7 min read

Growth

What 200 landing pages taught us about conversion optimisation in 2025

The surprising patterns — and common mistakes — we found after auditing hundreds of pages across six industries.

28 May 2026 · 9 min read

EQUAL HEIGHTS EXAMPLE 3

Pricing Tables

Starter

$0

/mo

Free forever, no card required

  • N
    3 pages
  • N
    Basic themes
  • N
    Community support
  • M
    Custom domain
  • M
    Analytics

MOST POPULAR

Pro

$29

/mo

Billed annually — save 20%

  • N
    Unlimited pages
  • N
    All themes + builder
  • N
    Priority support
  • N
    Custom domain
  • N
    Analytics dashboard

BUSINESS

$79

/mo

For growing teams

  • N
    Everything in Pro
  • N
    10 team members
  • N
    White-label option
  • N
    API access
  • N
    SSO / SAML

EQUAL HEIGHTS EXAMPLE 2

Testimonial Cards

"Switching to this platform cut our onboarding time in half. The builder is genuinely intuitive — our non-technical team members picked it up in a day."

SR

Sara Romero
Head of Marketing, Luma Co.

"We've tried four different page builders. This is the only one where the visual output actually matches what we design in Figma."

JK

James Kaur
Creative Director, Fold Studio

"The support team is exceptional. Every question answered promptly and thoroughly."

MT

Maya Torres
Founder, Greenleaf Agency

EQUAL HEIGHTS EXAMPLE 1

Feature Cards

Blazing fast performance

Optimised rendering keeps your pages loading under 1 second, even on mobile connections with limited bandwidth.

Enterprise-grade security

End-to-end encryption, two-factor authentication, and SOC 2 Type II compliance protect every account by default.

Seamless integrations

Connect to the tools your team already uses. Native support for Slack, HubSpot, Stripe, and over 400 more integrations — no code required.