# How to create filter bar like this?

**URL:** <https://community.glideapps.com/t/how-to-create-filter-bar-like-this/74273>\
**Category:** Ask for Help\
**Created:** [June 20, 2024, 5:28pm UTC](https://community.glideapps.com/t/how-to-create-filter-bar-like-this/74273 "2024-06-20T17:28:37Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [June 20, 2024, 6:35pm UTC](https://community.glideapps.com/t/how-to-create-filter-bar-like-this/74273/6 "2024-06-20T18:35:51Z")

</div>

> **[CSS Library](https://css-library.glide.page/dl/library/s/8836b3/r/amxrKQS0S.ejzWg.8b2JjA)**

> [@How to Maintain Container Layout on Mobile Devices](https://community.glideapps.com/t/how-to-maintain-container-layout-on-mobile-devices/73021):
>
> Seeing a desire to maintain a container layout that is not responsive to mobile devices, you can still achieve this through the “grid-template-columns” code. Here’s the code you need to add to your application’s custom CSS: Note: class name is grid-container .grid-container .oneToOne { grid-template-columns: repeat(2, minmax(0px, 1fr)); }

---

_[View the full topic](https://community.glideapps.com/t/how-to-create-filter-bar-like-this/74273)._