# Big Number component have different view in mobile (Iphone 11 and Simulation view on glide)

**URL:** <https://community.glideapps.com/t/big-number-component-have-different-view-in-mobile-iphone-11-and-simulation-view-on-glide/69388>\
**Category:** Ask for Help\
**Created:** [January 9, 2024, 3:54am UTC](https://community.glideapps.com/t/big-number-component-have-different-view-in-mobile-iphone-11-and-simulation-view-on-glide/69388 "2024-01-09T03:54:57Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alexander\_Horison](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_horison/32/60561_2.png) [@Alexander\_Horison](https://community.glideapps.com/u/Alexander_Horison)\
**Post date:** [January 9, 2024, 3:54am UTC](https://community.glideapps.com/t/big-number-component-have-different-view-in-mobile-iphone-11-and-simulation-view-on-glide/69388/1 "2024-01-09T03:54:57Z")

</div>

I have view on glide with mobile resolution and when im open it at my Iphone 11 , its have different view. Please help me

 ![WhatsApp Image 2024-01-09 at 10.50.02_2bf585e7](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/e/deab05207566f3dda623537811c929e2c71f63e0.jpeg)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/d/0deab107d3195d8179aac6ed82bcf58c5d698711.jpeg)

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [January 9, 2024, 5:29am UTC](https://community.glideapps.com/t/big-number-component-have-different-view-in-mobile-iphone-11-and-simulation-view-on-glide/69388/2 "2024-01-09T05:29:28Z")

</div>

Components will flow differently depending on the screen resolution. Your iPhone has a larger resolution than the emulator does, which is pretty small, so some of the components will flow to better for the screen.

---

<div class="post-metadata">

**Author:** ![Alexander\_Horison](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_horison/32/60561_2.png) [@Alexander\_Horison](https://community.glideapps.com/u/Alexander_Horison)\
**Post date:** [January 14, 2024, 2:39am UTC](https://community.glideapps.com/t/big-number-component-have-different-view-in-mobile-iphone-11-and-simulation-view-on-glide/69388/3 "2024-01-14T02:39:41Z")

</div>

Thanks for the reply, So what do you suggest for me . i want my iphone and emulator have same view.

---

<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:** [January 14, 2024, 2:42am UTC](https://community.glideapps.com/t/big-number-component-have-different-view-in-mobile-iphone-11-and-simulation-view-on-glide/69388/4 "2024-01-14T02:42:47Z")

</div>

Follow my replies for side by side… it works with big numbers

> [@Choice Components Side by Side? (with pic)](https://community.glideapps.com/t/choice-components-side-by-side-with-pic/61765/3):
>
> For mobile layout what you could do is use a custom collection on top of a 2 row helper table. Label the rows in the helper table row 1 and row 2 and add two choice components inside your custom collection. On the first choice component apply the visibility condition when helper table row -\> equals -\> 1… and for the second… when helper table row -\> equals -\> 2 Here is an example where I used this method with date pickers on mobile.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [January 14, 2024, 4:29am UTC](https://community.glideapps.com/t/big-number-component-have-different-view-in-mobile-iphone-11-and-simulation-view-on-glide/69388/5 "2024-01-14T04:29:46Z")

</div>

I guess you haven’t really specified which version you prefer. I’m assuming that you want one Big Number component per row to match what you see in the emulator? Just want to make sure I’m clear on which version you want before I attempt to answer.

---

<div class="post-metadata">

**Author:** ![Alexander\_Horison](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_horison/32/60561_2.png) [@Alexander\_Horison](https://community.glideapps.com/u/Alexander_Horison)\
**Post date:** [January 14, 2024, 9:32am UTC](https://community.glideapps.com/t/big-number-component-have-different-view-in-mobile-iphone-11-and-simulation-view-on-glide/69388/6 "2024-01-14T09:32:46Z")

</div>

yes i want emulator version @Jeff_Hager

---

<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 14, 2024, 1:24pm UTC](https://community.glideapps.com/t/big-number-component-have-different-view-in-mobile-iphone-11-and-simulation-view-on-glide/69388/7 "2024-01-14T13:24:15Z")

</div>

I would try a container component with 4 big number components, 2 on each column, to see if it would help.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [January 14, 2024, 7:43pm UTC](https://community.glideapps.com/t/big-number-component-have-different-view-in-mobile-iphone-11-and-simulation-view-on-glide/69388/8 "2024-01-14T19:43:54Z")

</div>

@ThinhDinh provided a good option. You could create 4 separate Big Number components instead of having 4 values in one single Big Number component, but I think you may end up with the same results on your iPhone where the boxes are squashed and only on the left side. With @ThinhDinh’s idea, it may look better on your phone by stacking each big number on top of each other while still being side by side on a desktop device.
