# 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:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![vRCr\_Racing\_League](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vrcr_racing_league/32/63216_2.png) [@vRCr\_Racing\_League](https://community.glideapps.com/u/vRCr_Racing_League)
#### Post date: [July 24, 2024, 2:20pm UTC](https://community.glideapps.com/t/side-by-side-component/75138/1 "2024-07-24T14:20:17Z")

</div>

Hello, there is a SIMPLE way to have side by side component like this?  
No idea how to do…I tried to set Container 1:1 and 2:1 but not work…  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/f/6f490ee666be70f77e9ad75ad617e417b6bc3365.jpeg)

---

<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)); }