# \[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:** 1\
**Showing post:** 4

<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) \*/ …

---

_[View the full topic](https://community.glideapps.com/t/css-help-organize-components-on-several-columns/29446)._