# Side by side component

**URL:** <https://community.glideapps.com/t/side-by-side-component/75138>\
**Category:** Ask for Help\
**Created:** [July 24, 2024, 2:20pm UTC](https://community.glideapps.com/t/side-by-side-component/75138 "2024-07-24T14:20:17Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [July 24, 2024, 2:25pm UTC](https://community.glideapps.com/t/side-by-side-component/75138/2 "2024-07-24T14:25:17Z")

</div>

> [@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/side-by-side-component/75138)._