# Can we arrange the subcategories like this?

**URL:** <https://meta.discourse.org/t/can-we-arrange-the-subcategories-like-this/311917>\
**Category:** Development\
**Tags:** css\
**Created:** [June 13, 2024, 1:17pm UTC](https://meta.discourse.org/t/can-we-arrange-the-subcategories-like-this/311917 "2024-06-13T13:17:43Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![ogulcan1787](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ogulcan1787/32/128589_2.png) [@ogulcan1787](https://meta.discourse.org/u/ogulcan1787)\
**Post date:** [June 13, 2024, 7:07pm UTC](https://meta.discourse.org/t/can-we-arrange-the-subcategories-like-this/311917/5 "2024-06-13T19:07:50Z")

</div>

I found the solution this way.  
But when the subcategory name is long, it breaks.  
I’m waiting if anyone can find a solution to this.  
You can use it in this state. 🙂

When long name.

 ![Ekran görüntüsü 2024-06-13 220505](https://global.discourse-cdn.com/meta/original/4X/c/4/4/c4428950e28100974c15572cde214198199d49df.png)

When short name.

 ![Ekran görüntüsü 2024-06-13 220610](https://global.discourse-cdn.com/meta/original/4X/b/5/2/b524a711c96c75f0473e68a0ba3326f61128aa98.png)

```plaintext
.category-list .subcategories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

```

```plaintext
.category-list .subcategories .subcategory {
    flex-shrink: 0;
    min-width: 25%;
}

```

---

_[View the full topic](https://meta.discourse.org/t/can-we-arrange-the-subcategories-like-this/311917)._