# Divs Not Equal Height when using Flexbox

**URL:** <https://community.hubspot.com/t/divs-not-equal-height-when-using-flexbox/32390>\
**Category:** CMS Development\
**Created:** [February 26, 2021, 3:27pm UTC](https://community.hubspot.com/t/divs-not-equal-height-when-using-flexbox/32390 "2021-02-26T15:27:49Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![SGriffinKatzcy](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sgriffinkatzcy/32/58551_2.png) [@SGriffinKatzcy](https://community.hubspot.com/u/SGriffinKatzcy)\
**Post date:** [February 26, 2021, 3:27pm UTC](https://community.hubspot.com/t/divs-not-equal-height-when-using-flexbox/32390/1 "2021-02-26T15:27:49Z")

</div>

In the **Resources** section of [https://cylera-7852770.hs-sites.com/](https://cylera-7852770.hs-sites.com/) I’m trying to force the slides to be an equal height, but applying these isn’t having an effect:

```lia-code-sample
#hs_cos_wrapper_module_16127959672862 .slick-track {
 display: flex;
}

#hs_cos_wrapper_module_16127959672862 .slick-slide {
 flex: 1;
}

```

I wasn’t sure if flex needed to be added to .Resources\_single as well, so I tried adding this too (without any success):

```lia-code-sample
#hs_cos_wrapper_module_16127959672862 .Resources_single {
 flex: inherit;
}

```

I’m not an expert at CSS, so I’m sure I must be making a basic error somewhere. Any help would be greatly appreciated!

\*\*\*As a workaround, I currently have a fixed height being applied, but that’s not an ideal solution!\*\*\*

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [February 28, 2021, 3:03pm UTC](https://community.hubspot.com/t/divs-not-equal-height-when-using-flexbox/32390/2 "2021-02-28T15:03:47Z")

</div>

Hi @SGriffinKatzcy,

first deactivate all of your custom CSS and then try following code:

```lia-code-sample
.slick-track{
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: space-between;
 align-content: stretch;
 align-items: stretch;
 }

.slick-track .Resources_single{
order: 0;
 flex: 0 1 auto;
 align-self: auto;
}

```

best,

Anton