# Hello, How can I make my application fits all mobile screens?

**URL:** <https://community.thunkable.com/t/hello-how-can-i-make-my-application-fits-all-mobile-screens/2576821>\
**Category:** Publishing\
**Created:** [September 4, 2023, 1:32pm UTC](https://community.thunkable.com/t/hello-how-can-i-make-my-application-fits-all-mobile-screens/2576821 "2023-09-04T13:32:55Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![10120283coe](https://avatars.discourse-cdn.com/v4/letter/1/f475e1/32.png) [@10120283coe](https://community.thunkable.com/u/10120283coe)\
**Post date:** [September 4, 2023, 1:32pm UTC](https://community.thunkable.com/t/hello-how-can-i-make-my-application-fits-all-mobile-screens/2576821/1 "2023-09-04T13:32:55Z")

</div>

Hello everyone, when I am designing my application, there is a difference between my mobile screen and the designer screen, for example a text is centered in the designer screen, however on my mobile screen it is a little bit to the left

---

<div class="post-metadata">

**Author:** ![samclever](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@samclever](https://community.thunkable.com/u/samclever)\
**Post date:** [September 4, 2023, 9:24pm UTC](https://community.thunkable.com/t/hello-how-can-i-make-my-application-fits-all-mobile-screens/2576821/2 "2023-09-04T21:24:07Z")

</div>

You will have to scale each components height and width using the ‘device screen height/width’ block and some math. I did a very quick google search for mobile screen sizes in pixels and this looked like it might help.  
_Open at you’re own risk. I am not affiliated with the site and cannot vouch for its secureness._

> **[Popular Screen Resolutions | Media Genesis » Media Genesis](https://mediag.com/blog/popular-screen-resolutions-designing-for-all/)**
>
> There's a plethora of devices for people to choose from and it can be daunting to try to accommodate and build for the best experiences on all devices.

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [September 4, 2023, 9:27pm UTC](https://community.thunkable.com/t/hello-how-can-i-make-my-application-fits-all-mobile-screens/2576821/3 "2023-09-04T21:27:53Z")

</div>

> [@samclever](#):
>
> Open at you’re own risk. I am not affiliated with the site and cannot vouch for its secureness

Off topic, but this might be a nice visual resource to have in the Community? Just 10 or 12 rectangles and corresponding for the best selling phone models. Maybe update it once a year??

---

<div class="post-metadata">

**Author:** ![samclever](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@samclever](https://community.thunkable.com/u/samclever)\
**Post date:** [September 5, 2023, 1:33am UTC](https://community.thunkable.com/t/hello-how-can-i-make-my-application-fits-all-mobile-screens/2576821/4 "2023-09-05T01:33:43Z")

</div>

I agree it would be. That has always been one of the challenges with Thunkable is being able to ratio your components to look good across multiple devices.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:33pm UTC](https://community.thunkable.com/t/hello-how-can-i-make-my-application-fits-all-mobile-screens/2576821/5 "2024-11-08T13:33:28Z")

</div>