---
title: "How to Fix Unequal Column Height in WordPress (Gutenberg) – Equal Heights [Video Tutorial]"
url: https://qa.nexterwp.com/docs/fix-unequal-column-height-wordpress-gutenberg/
date: 2023-07-05
modified: 2026-04-14
author: "Aditya Sharma"
description: "https://www.youtube.com/watch?v=9vPXwL18Los Video Duration: 6 : 50 Video Overview Learn how to fix Equal Height in WordPress Gutenberg sites using Nexter Blocks.We will make all the columns of same height regardless..."
image: https://qa.nexterwp.com/wp-content/uploads/2024/05/fix-unequal-column-height-wordpress-gutenberg-1024x519.jpg
word_count: 97
---

# How to Fix Unequal Column Height in WordPress (Gutenberg) – Equal Heights [Video Tutorial]

## Key Takeaways

- Fixes unequal column height in WordPress Gutenberg using Nexter Blocks.
- Utilizes simple CSS selector to ensure consistent column heights across various content types.
- Promotes elegant website design by equalizing heights in blog, WooCommerce, and CPT listings.

https://www.youtube.com/watch?v=9vPXwL18Los

##### Video Duration: 6 : 50

## Video Overview

Learn how to fix Equal Height in WordPress Gutenberg sites using Nexter Blocks.
We will make all the columns of same height regardless of any content length using simple CSS selector.

This can make blog, WooCommerce Product, CPT posting listing equal, pricing table equal, info box equal and much more.
Making WordPress columns of same height makes the design consistent and gives an elegant look to websites.

▶️ Live Demo - [https://qa.nexterwp.com/nexter-blocks/extras/wordpress-same-equal-height/](https://qa.nexterwp.com/nexter-blocks/extras/wordpress-same-equal-height/)

⚡ Plugin Website - [https://qa.nexterwp.com/](https://qa.nexterwp.com/)
⚡ Get the Plugin [https://qa.nexterwp.com/nexter-blocks/](https://qa.nexterwp.com/nexter-blocks/)
USE CODE " YOUTUBE10 " TO ENJOY 10% DISCOUNT