# Humanetech category layout

**URL:** https://meta.discourse.org/t/humanetech-category-layout/174617
**Category:** Community Building
**Created:** [December 30, 2020, 4:28pm UTC](https://meta.discourse.org/t/humanetech-category-layout/174617 "2020-12-30T16:28:47Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![sunjam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sunjam/32/175682_2.png) [@sunjam](https://meta.discourse.org/u/sunjam)
#### Post date: [December 30, 2020, 4:28pm UTC](https://meta.discourse.org/t/humanetech-category-layout/174617/1 "2020-12-30T16:28:47Z")

</div>

Continuing the discussion from [Community has no boundary: Discourse-as-a-Fabric - ideation & brainstorm](https://meta.discourse.org/t/community-has-no-boundary-discourse-as-a-fabric-ideation-brainstorm/174578):

@aschrijver I really like how you’ve laid out the categories in such a consolidated list. I’d love to do the same on our forum! Would you mind sharing your configuration?

 ![humane-categories](https://global.discourse-cdn.com/meta/original/3X/a/0/a0a1234319dc2ecaa42c8c71e380e2fe99483047.png)

---

<div class="post-metadata">

### Author: ![aschrijver](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aschrijver/32/92004_2.png) [@aschrijver](https://meta.discourse.org/u/aschrijver)
#### Post date: [December 31, 2020, 4:39pm UTC](https://meta.discourse.org/t/humanetech-category-layout/174617/2 "2020-12-31T16:39:53Z")

</div>

Thanks @sunjam. Sure. I think the following CSS does the job:

```css
/* ==============================================
     Landing Page Layout (Categories + Latest)
   ==============================================
*/

/* [custom] Display sub-categories as a list */
.categories-and-latest .subcategory {
    display: table-row;
}

/* [custom] Hide 'unread posts' count */
.categories-and-latest .subcategory .new-posts {
    display: none;
}

/* [custom] Balance columns, more space for topic titles */
.categories-and-latest .column.categories {
    max-width: 30%;
}

/* [custom] Hide topics statistics column */
.categories-and-latest .topics {
    display: none;
}

/* [custom] Increase topic title width to fill column */
.categories-and-latest .latest-topic-list-item .main-link {
    max-width: 85%;
}

/* [custom] Display tags next to sub-category (below topic title) */
.categories-and-latest .discourse-tags {
    position: relative;
    display: inline-flex;
    margin-left: 5px;
}

```

Note: It has some extra’s to hide certain distracting elements in the UI.