# Big numbers positioning them next to each other

**URL:** https://community.glideapps.com/t/big-numbers-positioning-them-next-to-each-other/79122
**Category:** Ask for Help
**Created:** [January 10, 2025, 6:19pm UTC](https://community.glideapps.com/t/big-numbers-positioning-them-next-to-each-other/79122 "2025-01-10T18:19:01Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![RobertM](https://avatars.discourse-cdn.com/v4/letter/r/ea5d25/32.png) [@RobertM](https://community.glideapps.com/u/RobertM)
#### Post date: [January 10, 2025, 6:19pm UTC](https://community.glideapps.com/t/big-numbers-positioning-them-next-to-each-other/79122/1 "2025-01-10T18:19:01Z")

</div>

Hiya,  
How can I position the Big numbers component so that its items are next to each other rather then underneath?  
In one of my screens they have appeared as I wish without doing any thing and in another they are on top of each other and I can’t get them to move.

cheers for you help  
Rob

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/8/083f3317698bfe7012b4d0e3994bd02f7d88c853.png)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/d/8d1992128e65ce660e87734b12ffc6cccbeaaa67.png)

---

<div class="post-metadata">

### Author: ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)
#### Post date: [January 10, 2025, 6:20pm UTC](https://community.glideapps.com/t/big-numbers-positioning-them-next-to-each-other/79122/2 "2025-01-10T18:20:26Z")

</div>

You can use Custom CSS to set `display: flex` and `flex-direction: row`.

Do you need help implement this?

Are you on a paid plan ?

---

<div class="post-metadata">

### Author: ![RobertM](https://avatars.discourse-cdn.com/v4/letter/r/ea5d25/32.png) [@RobertM](https://community.glideapps.com/u/RobertM)
#### Post date: [January 10, 2025, 6:25pm UTC](https://community.glideapps.com/t/big-numbers-positioning-them-next-to-each-other/79122/3 "2025-01-10T18:25:42Z")

</div>

Thanks for your prompt reply.  
No I’m not on a paid plan as I’m only building a small app for home to experiment with but I’m handy with CSS. Do you have to be on a paid plan to modify your CSS?

---

<div class="post-metadata">

### Author: ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)
#### Post date: [January 10, 2025, 6:56pm UTC](https://community.glideapps.com/t/big-numbers-positioning-them-next-to-each-other/79122/4 "2025-01-10T18:56:35Z")

</div>

Yes, you need a paid plan to use custom CSS.  
But, you can use AI component instead if you want to create your own custom Big Number. It would work too!

---

<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: [January 11, 2025, 1:27am UTC](https://community.glideapps.com/t/big-numbers-positioning-them-next-to-each-other/79122/5 "2025-01-11T01:27:09Z")

</div>

I think you discovered an effect here. I’m not sure how you set it up in the first screenshot, I tried but can’t replicate it.

 ![CleanShot 2025-01-11 at 08.25.48](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/7/e704fd729cefe1ac62e9e78c95721ba9944fda62.png)

---

<div class="post-metadata">

### Author: ![RobertM](https://avatars.discourse-cdn.com/v4/letter/r/ea5d25/32.png) [@RobertM](https://community.glideapps.com/u/RobertM)
#### Post date: [January 11, 2025, 5:30am UTC](https://community.glideapps.com/t/big-numbers-positioning-them-next-to-each-other/79122/6 "2025-01-11T05:30:06Z")

</div>

It’s just a simple big number with some elements in it. I added a couple more to test and they stack up nicely. I can’t replicate it in the other screen though.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/d/fda75d4beaa1512c9249a4759595c5bf16d6fa73.jpeg)

---

<div class="post-metadata">

### Author: ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)
#### Post date: [January 11, 2025, 11:56am UTC](https://community.glideapps.com/t/big-numbers-positioning-them-next-to-each-other/79122/7 "2025-01-11T11:56:38Z")

</div>

If you create a new screen, select the same table source. The. Go to the source screen, right click in the components section, right click and copy all. Go to the new screen, right click and paste.

Does the problem persist?

---

<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: [January 11, 2025, 2:59pm UTC](https://community.glideapps.com/t/big-numbers-positioning-them-next-to-each-other/79122/8 "2025-01-11T14:59:53Z")

</div>

Alrite, it seems like it doesn’t stack if you have just 2 items, but it allows you to have 2 on the same row if you have 2+. That’s just weird.

---

<div class="post-metadata">

### Author: ![RobertM](https://avatars.discourse-cdn.com/v4/letter/r/ea5d25/32.png) [@RobertM](https://community.glideapps.com/u/RobertM)
#### Post date: [January 11, 2025, 3:44pm UTC](https://community.glideapps.com/t/big-numbers-positioning-them-next-to-each-other/79122/9 "2025-01-11T15:44:48Z")

</div>

Ah yes you’re right.  
I’ve added a 3rd element which I left blank and it stacked up nicely.

cheers 🙂

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/c/3c91ed113d936b68ed9ab1af4fd097f7e91dd2de.jpeg)
