# \[CSS Help\] Organize components on several columns

**URL:** <https://community.glideapps.com/t/css-help-organize-components-on-several-columns/29446>\
**Category:** Ask for Help\
**Created:** [July 22, 2021, 5:47pm UTC](https://community.glideapps.com/t/css-help-organize-components-on-several-columns/29446 "2021-07-22T17:47:10Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fabien\_Vermot](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fabien_vermot/32/5955_2.png) [@Fabien\_Vermot](https://community.glideapps.com/u/Fabien_Vermot)\
**Post date:** [July 22, 2021, 5:47pm UTC](https://community.glideapps.com/t/css-help-organize-components-on-several-columns/29446/1 "2021-07-22T17:47:10Z")

</div>

Hello,

Is it possible to organize components on several columns ?  
Is it a way with some CSS tricks ?

Thanks in advance for your help

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [July 22, 2021, 7:56pm UTC](https://community.glideapps.com/t/css-help-organize-components-on-several-columns/29446/2 "2021-07-22T19:56:52Z")

</div>

Like card inline list with different column values for the left and right sides?

Which components?

---

<div class="post-metadata">

**Author:** ![Fabien\_Vermot](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fabien_vermot/32/5955_2.png) [@Fabien\_Vermot](https://community.glideapps.com/u/Fabien_Vermot)\
**Post date:** [July 23, 2021, 7:26am UTC](https://community.glideapps.com/t/css-help-organize-components-on-several-columns/29446/3 "2021-07-23T07:26:12Z")

</div>

Like Text component

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [July 23, 2021, 7:37am UTC](https://community.glideapps.com/t/css-help-organize-components-on-several-columns/29446/4 "2021-07-23T07:37:27Z")

</div>

Hello, there is an example for Text edit but I think it should work with text.

> [@Vertical Separator; Inputs Side-by-Side](https://community.glideapps.com/t/vertical-separator-inputs-side-by-side/27609/3):
>
> Hello, @erik If you are interested, here is a small example. You must adapt the number in each “nth-child (…)” according to the order of the components. Be careful, if you change the visibility of the components, this trick no longer works (or badly!) Test on Chrome / Windows 10 & Android The CSS \<pre\>\<span\>\<style\> /\* Text Entry (2nd component) \*/ div[id\*='screenScrollView'] \> div \> :nth-child(2) { margin-left:-5px; width:50%; height:70px; } /\* Number Entry (3eme component) \*/ …

---

<div class="post-metadata">

**Author:** ![Fabien\_Vermot](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fabien_vermot/32/5955_2.png) [@Fabien\_Vermot](https://community.glideapps.com/u/Fabien_Vermot)\
**Post date:** [July 23, 2021, 1:55pm UTC](https://community.glideapps.com/t/css-help-organize-components-on-several-columns/29446/5 "2021-07-23T13:55:08Z")

</div>

Awesome. Thanks @Manu.n  
Looking forward to try it

---

<div class="post-metadata">

**Author:** ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\
**Post date:** [January 17, 2024, 4:51pm UTC](https://community.glideapps.com/t/css-help-organize-components-on-several-columns/29446/6 "2024-01-17T16:51:26Z")

</div>