# How do I make CMS Collection cards equal height in Elements?

**URL:** <https://forums.realmacsoftware.com/t/how-do-i-make-cms-collection-cards-equal-height-in-elements/56571>\
**Category:** Elements\
**Created:** [June 8, 2026, 6:07pm UTC](https://forums.realmacsoftware.com/t/how-do-i-make-cms-collection-cards-equal-height-in-elements/56571 "2026-06-08T18:07:07Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![johnhiggins](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/johnhiggins/32/33610_2.png) [@johnhiggins](https://forums.realmacsoftware.com/u/johnhiggins)\
**Post date:** [June 8, 2026, 6:07pm UTC](https://forums.realmacsoftware.com/t/how-do-i-make-cms-collection-cards-equal-height-in-elements/56571/1 "2026-06-08T18:07:07Z")

</div>

Hi everyone,

I’m using RapidWeaver Elements 2.4.4 and displaying blog posts using a CMS Collection in a 4 column layout.

Each blog card contains an image, date, title and summary. The problem is that the cards end up with different heights because some titles/summaries are longer than others.

I’d like each row of cards to automatically match the height of the tallest card in that row, similar to equal height cards in CSS Grid or Flexbox.

I’ve tried:

- Setting the Blog Card to a Flex column layout
- Using h-full, flex, flex-col and grow Tailwind classes
- Setting a fixed minimum height

The fixed minimum height works, but I’d prefer the cards to automatically stretch to the height of the tallest card in each row.

Is there a built in way to achieve this with a Collection in Elements, or is custom CSS required?

If custom CSS is the only option, what’s the recommended approach?

Many thanks,

John

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [June 10, 2026, 7:15am UTC](https://forums.realmacsoftware.com/t/how-do-i-make-cms-collection-cards-equal-height-in-elements/56571/2 "2026-06-10T07:15:37Z")

</div>

could you share your project? that way we can take a look at how you have it setup and offer a solution for your layout 🙂

---

<div class="post-metadata">

**Author:** ![johnhiggins](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/johnhiggins/32/33610_2.png) [@johnhiggins](https://forums.realmacsoftware.com/u/johnhiggins)\
**Post date:** [June 10, 2026, 9:55am UTC](https://forums.realmacsoftware.com/t/how-do-i-make-cms-collection-cards-equal-height-in-elements/56571/3 "2026-06-10T09:55:03Z")

</div>

Hi Ben,

Thanks for the reply.

I managed to sort it in the end by rebuilding everything from scratch.

Cheers,

John