# Container, two columns next to each other not beneath each other

**URL:** https://community.glideapps.com/t/container-two-columns-next-to-each-other-not-beneath-each-other/73930
**Category:** Ask for Help
**Created:** [June 6, 2024, 11:33am UTC](https://community.glideapps.com/t/container-two-columns-next-to-each-other-not-beneath-each-other/73930 "2024-06-06T11:33:39Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![MemBo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/membo/32/24362_2.png) [@MemBo](https://community.glideapps.com/u/MemBo)
#### Post date: [June 6, 2024, 11:33am UTC](https://community.glideapps.com/t/container-two-columns-next-to-each-other-not-beneath-each-other/73930/1 "2024-06-06T11:33:39Z")

</div>

Hi  
I wanted to use the container element with two colums to have to choice elements on the same level. One in the right column and one in the left column. But it always shows them one on top and one beneath and not next to each other. How can I change that?  
Thanks for your help.

---

<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: [June 6, 2024, 11:37am UTC](https://community.glideapps.com/t/container-two-columns-next-to-each-other-not-beneath-each-other/73930/2 "2024-06-06T11:37:35Z")

</div>

Is this what you are looking for?

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

---

<div class="post-metadata">

### Author: ![MemBo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/membo/32/24362_2.png) [@MemBo](https://community.glideapps.com/u/MemBo)
#### Post date: [June 6, 2024, 11:40am UTC](https://community.glideapps.com/t/container-two-columns-next-to-each-other-not-beneath-each-other/73930/3 "2024-06-06T11:40:18Z")

</div>

I think so. But no idea how to implement that. Where do I find the custom CSS and how do I add this code?

---

<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: [June 6, 2024, 11:43am UTC](https://community.glideapps.com/t/container-two-columns-next-to-each-other-not-beneath-each-other/73930/4 "2024-06-06T11:43:30Z")

</div>

Copy the class name into your container’s CSS class and copy the code from the link into the custom CSS as follows:

 ![Screenshot 2024-06-06 at 18.41.27](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/8/185b4567ac05e9fbeffca7dc9ac3b214c20d73e3.jpeg)

---

<div class="post-metadata">

### Author: ![MemBo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/membo/32/24362_2.png) [@MemBo](https://community.glideapps.com/u/MemBo)
#### Post date: [June 6, 2024, 11:54am UTC](https://community.glideapps.com/t/container-two-columns-next-to-each-other-not-beneath-each-other/73930/5 "2024-06-06T11:54:39Z")

</div>

Thank you, I appreciate your help alot.

Although I have a paid plan, I do not see this custom CSS field. Have to ask support first how to activate it.

---

<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: [June 6, 2024, 11:57am UTC](https://community.glideapps.com/t/container-two-columns-next-to-each-other-not-beneath-each-other/73930/6 "2024-06-06T11:57:16Z")

</div>

It seems your plan is a deviation from the classic one. Please contact the support center for the best course of action.

---

<div class="post-metadata">

### Author: ![MemBo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/membo/32/24362_2.png) [@MemBo](https://community.glideapps.com/u/MemBo)
#### Post date: [June 6, 2024, 11:57am UTC](https://community.glideapps.com/t/container-two-columns-next-to-each-other-not-beneath-each-other/73930/7 "2024-06-06T11:57:50Z")

</div>

I am , Thanks

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [June 7, 2024, 12:03am UTC](https://community.glideapps.com/t/container-two-columns-next-to-each-other-not-beneath-each-other/73930/8 "2024-06-07T00:03:54Z")

</div>

Do you have an old pricing plan or the newest one? Only on the newest plan, you have CSS on every paid plan. On the old one, only Business/Enterprise have it.
