# Badges list on user profile - bottom line alignment

**URL:** https://meta.discourse.org/t/badges-list-on-user-profile-bottom-line-alignment/49503
**Category:** UX
**Created:** [August 31, 2016, 7:27pm UTC](https://meta.discourse.org/t/badges-list-on-user-profile-bottom-line-alignment/49503 "2016-08-31T19:27:44Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![meglio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meglio/32/71444_2.png) [@meglio](https://meta.discourse.org/u/meglio)
#### Post date: [August 31, 2016, 7:27pm UTC](https://meta.discourse.org/t/badges-list-on-user-profile-bottom-line-alignment/49503/1 "2016-08-31T19:27:45Z")

</div>

Please see on the following screenshot how the badges list UX could be improved a bit by making all items in a single row same height:

 ![](https://global.discourse-cdn.com/meta/original/3X/4/3/4382e3b3ccbd1c2bbb88b0c9950ee4e1c6c5631e.png)

Not sure if it’s a trivial CSS change though…

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [August 31, 2016, 8:35pm UTC](https://meta.discourse.org/t/badges-list-on-user-profile-bottom-line-alignment/49503/2 "2016-08-31T20:35:21Z")

</div>

It doesn’t seem like there’s a flex-grow analogue for the cross axis, so can’t use that 😕

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [August 31, 2016, 11:15pm UTC](https://meta.discourse.org/t/badges-list-on-user-profile-bottom-line-alignment/49503/3 "2016-08-31T23:15:14Z")

</div>

You’ll need to set minimum badge card height in CSS to accommodate your language and the density of text you choose to enter there.