# Make boxes the same height

**URL:** <https://community.hubspot.com/t/make-boxes-the-same-height/16358>\
**Category:** CMS Development\
**Tags:** css, javascript\
**Created:** [September 20, 2019, 1:46pm UTC](https://community.hubspot.com/t/make-boxes-the-same-height/16358 "2019-09-20T13:46:51Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![DanBQ](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/danbq/32/14727_2.png) [@DanBQ](https://community.hubspot.com/u/DanBQ)\
**Post date:** [September 20, 2019, 1:46pm UTC](https://community.hubspot.com/t/make-boxes-the-same-height/16358/1 "2019-09-20T13:46:51Z")

</div>

Hi,

Does anybody know how to make the boxes on this page the same height? [Our Work - what we’ve done for these businesses on HubSpot | BabelQuest](https://www.babelquest.co.uk/babelquest-hubspot-case-studies)

Thanks 🙂

---

<div class="post-metadata">

**Author:** ![stefen](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stefen/32/29274_2.png) [@stefen](https://community.hubspot.com/u/stefen)\
**Post date:** [September 21, 2019, 1:32am UTC](https://community.hubspot.com/t/make-boxes-the-same-height/16358/2 "2019-09-21T01:32:31Z")

</div>

@DanBQ it looks like you added a minimum height to them. This will work until the minimum height changes. If you want a more robust solution I would recommend using either Flexbox or Grid based CSS layout solution (instead of the float based columns) because both of those have the ability to create equal height rows/columns.

---

<div class="post-metadata">

**Author:** ![DanBQ](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/danbq/32/14727_2.png) [@DanBQ](https://community.hubspot.com/u/DanBQ)\
**Post date:** [September 24, 2019, 7:38am UTC](https://community.hubspot.com/t/make-boxes-the-same-height/16358/3 "2019-09-24T07:38:18Z")

</div>

Thanks, Stefen. I’m going to use flexbot.