# Screens look different in responsive web app

**URL:** <https://community.thunkable.com/t/screens-look-different-in-responsive-web-app/668757>\
**Category:** Questions about Thunkable X\
**Created:** [July 10, 2020, 3:08am UTC](https://community.thunkable.com/t/screens-look-different-in-responsive-web-app/668757 "2020-07-10T03:08:07Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![abedo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/abedo/32/6468_2.png) [@abedo](https://community.thunkable.com/u/abedo)\
**Post date:** [July 10, 2020, 3:08am UTC](https://community.thunkable.com/t/screens-look-different-in-responsive-web-app/668757/1 "2020-07-10T03:08:08Z")

</div>

Hi

when i publish my app as “Responsive web app”  
it does not look like how it looks on mobile “Same App”

In mobile it will look normal, text will be in the middle “Center” and Column will the screen  
but in the web app, text will be on the left and column will not fill the screen

how to make it look like how it looks on the mobile

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [July 10, 2020, 10:26pm UTC](https://community.thunkable.com/t/screens-look-different-in-responsive-web-app/668757/2 "2020-07-10T22:26:31Z")

</div>

Hi @abedo,

Are you comparing this to native mobile or are you viewing the same rwa link on mobile?

---

<div class="post-metadata">

**Author:** ![abedo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/abedo/32/6468_2.png) [@abedo](https://community.thunkable.com/u/abedo)\
**Post date:** [July 11, 2020, 1:39am UTC](https://community.thunkable.com/t/screens-look-different-in-responsive-web-app/668757/3 "2020-07-11T01:39:25Z")

</div>

Yes i am comparing between native mobile and responsive web app  
“i downloaded the app on my android device”  
on mobile looks very fine, but on web app looks totally bad

**Mobile view**

 ![IMG_20200622_003348](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/0/5068f0fa2d3a36e0a82310b657c738eaf4cdb4c7.jpeg)

**Web app view**

 ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/5/956e730128dd661a180f95ecc5c61c3147059373.png)

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [July 11, 2020, 10:11am UTC](https://community.thunkable.com/t/screens-look-different-in-responsive-web-app/668757/4 "2020-07-11T10:11:47Z")

</div>

Web apps are in no way an accurate representation of the native mobile app. It is possible to build your app to look the same on web and mobile but you will be spending a lot of time trying to get this right.

Containers set to fill container for example don’t work very well. Try use percentages, and get all surrounding containers percentages to add up to 100%. This will make the sizing and positioning of everything almost identical.

There are a lot of things you can do to try and fix this, just there are too many to list.

---

<div class="post-metadata">

**Author:** ![abedo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/abedo/32/6468_2.png) [@abedo](https://community.thunkable.com/u/abedo)\
**Post date:** [August 11, 2020, 2:22am UTC](https://community.thunkable.com/t/screens-look-different-in-responsive-web-app/668757/5 "2020-08-11T02:22:28Z")

</div>

Thank you very much, this suggestion helped me too much

---

<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, 11:24am UTC](https://community.thunkable.com/t/screens-look-different-in-responsive-web-app/668757/6 "2024-11-08T11:24:11Z")

</div>


