# Category page layout in 2 columns

**URL:** <https://meta.discourse.org/t/category-page-layout-in-2-columns/258739>\
**Category:** Development\
**Created:** [March 20, 2023, 1:29pm UTC](https://meta.discourse.org/t/category-page-layout-in-2-columns/258739 "2023-03-20T13:29:36Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [March 21, 2023, 7:38am UTC](https://meta.discourse.org/t/category-page-layout-in-2-columns/258739/4 "2023-03-21T07:38:46Z")

</div>

Masonry layout is only an experimental grid flow setting on Firefox and Safari at present and no good for production as not enabled by default.

You might want to revisit in one year and see if things have changed in the CSS space, see:

> **[CSS property: grid-template-rows: masonry | Can I use... Support tables for...](https://caniuse.com/mdn-css_properties_grid-template-rows_masonry)**
>
> "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

For now a symmetrical grid is the only sensible alternative, otherwise you are getting into having to use Javascript to deliver that. If you really want to go that route, you can look at the open source code in Topic List Previews or Topic List Thumbnails and adapt it for this use case.

---

_[View the full topic](https://meta.discourse.org/t/category-page-layout-in-2-columns/258739)._