# Is it possible to make containers the same height?

**URL:** <https://community.glideapps.com/t/is-it-possible-to-make-containers-the-same-height/72372>\
**Category:** Ask for Help\
**Created:** [April 7, 2024, 8:22pm UTC](https://community.glideapps.com/t/is-it-possible-to-make-containers-the-same-height/72372 "2024-04-07T20:22:35Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kiwi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kiwi/32/60332_2.png) [@Kiwi](https://community.glideapps.com/u/Kiwi)\
**Post date:** [April 7, 2024, 8:22pm UTC](https://community.glideapps.com/t/is-it-possible-to-make-containers-the-same-height/72372/1 "2024-04-07T20:22:35Z")

</div>

Is it possible to make containers the same height as per the below image, when it’s set as a card design it auto creates the height based on the length of content inside the card. I just want them to be the same container height on each row.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/5/05a20f53025a88f595b27bf9a6218574576d3a5a.jpeg)

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [April 7, 2024, 9:55pm UTC](https://community.glideapps.com/t/is-it-possible-to-make-containers-the-same-height/72372/2 "2024-04-07T21:55:09Z")

</div>

Have you tried adding spacers inside the shorter container (separator with no line)?

---

<div class="post-metadata">

**Author:** ![Kiwi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kiwi/32/60332_2.png) [@Kiwi](https://community.glideapps.com/u/Kiwi)\
**Post date:** [April 8, 2024, 4:20am UTC](https://community.glideapps.com/t/is-it-possible-to-make-containers-the-same-height/72372/3 "2024-04-08T04:20:51Z")

</div>

Yea but the text length is different in each item, so a spacer would still affect the length as it is a custom collection

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [April 8, 2024, 5:21am UTC](https://community.glideapps.com/t/is-it-possible-to-make-containers-the-same-height/72372/4 "2024-04-08T05:21:53Z")

</div>

This happens because of the responsive nature of Glide; it can only be solved by using CSS with a fixed height.

---

<div class="post-metadata">

**Author:** ![Kiwi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kiwi/32/60332_2.png) [@Kiwi](https://community.glideapps.com/u/Kiwi)\
**Post date:** [April 9, 2024, 1:51am UTC](https://community.glideapps.com/t/is-it-possible-to-make-containers-the-same-height/72372/5 "2024-04-09T01:51:09Z")

</div>

Thanks, do you know what the css would look like? And can it be targeted to a custom collection? Thanks!

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [April 9, 2024, 1:53am UTC](https://community.glideapps.com/t/is-it-possible-to-make-containers-the-same-height/72372/6 "2024-04-09T01:53:17Z")

</div>

~~Try this …~~

~~

```auto
[data-testid="cc-card"] {
  height: 250px;
}

```

~~

~~If it doesn’t work. Can you show me your component layout so I know which ones you want to target.~~

I found your old thread and I compiled it here:

```auto
.items div[class*="max-size-2xl"] > div:first-child {
margin-top: 0px;
}
.items div[class*="max-size-2xl"] > div:first-child div {
--container-x-pad: 0px;
border-radius: 12px 12px 0 0;
}
.items .aspect-container img {
border-radius: 12px 12px 0 0;
height: 250px;
}

/*New additional code*/
.items [data-testid="wire-component-stack"] > div > div > div{
height: 500px;
}

```