# Why does my design look so different in the app, Android, and web preview? Don't know which to build / design for

**URL:** <https://community.thunkable.com/t/why-does-my-design-look-so-different-in-the-app-android-and-web-preview-dont-know-which-to-build-design-for/2738945>\
**Category:** Issues / Bugs\
**Created:** [December 5, 2023, 1:40am UTC](https://community.thunkable.com/t/why-does-my-design-look-so-different-in-the-app-android-and-web-preview-dont-know-which-to-build-design-for/2738945 "2023-12-05T01:40:58Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![deanmachine](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deanmachine/32/138759_2.png) [@deanmachine](https://community.thunkable.com/u/deanmachine)\
**Post date:** [December 5, 2023, 1:40am UTC](https://community.thunkable.com/t/why-does-my-design-look-so-different-in-the-app-android-and-web-preview-dont-know-which-to-build-design-for/2738945/1 "2023-12-05T01:40:58Z")

</div>

Hello all, I picked up my pet project a few weeks ago after shelving it for a while. (life, amiright?)

I’ve finished integrating APIs and tweaking the design, but I’m really frustrated with a problem I’m having. The problem is that I’m unsure which to build / design for because all 3 of these look so different.

I haven’t been able to get a successful iOS install because they keep failing with no notes on how to fix it, but my assumption is that it’ll look different. If so, I’ll have 4 layouts to figure out.

At this point, I’m so frustrated I’m almost ready to cancel my account and start over with FlutterFlow.

Any suggestions?

Cheers,  
Dean…

 ![app_comparison](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/9/d94148e0152d58a7c9b4a71e8e43827cca6adccc.jpeg)

---

<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:** [December 7, 2023, 12:11am UTC](https://community.thunkable.com/t/why-does-my-design-look-so-different-in-the-app-android-and-web-preview-dont-know-which-to-build-design-for/2738945/2 "2023-12-07T00:11:40Z")

</div>

Hello @deanmachine  
I can understand that it is frustrating and appreciate you taking the time to provide information and screenshots.  
Based on your screenshot I see on each device a different size, this probably causes the issue.

Do you have Resize Mode: “Stretch” on the Layout?

Could you please try to set it to “Float in Place”?

Float in Place renders the layout in the same aspect ratio as the design, regardless of the device size.

---

<div class="post-metadata">

**Author:** ![deanmachine](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deanmachine/32/138759_2.png) [@deanmachine](https://community.thunkable.com/u/deanmachine)\
**Post date:** [December 8, 2023, 4:30am UTC](https://community.thunkable.com/t/why-does-my-design-look-so-different-in-the-app-android-and-web-preview-dont-know-which-to-build-design-for/2738945/3 "2023-12-08T04:30:54Z")

</div>

Hey @ioannis, yes all of the images are set to Float in place, but text was set to Stretch. However, when I change the text for sunrise/sunset times to Float in place, things break even worse.

Sunrise data jumps to the far left (red dotted lines) in Design. In Web preview, it’s visible in the correct location, but both that icon and the Sunset icon shift to the right.

I can’t be the first person to have these problems. Am I?

Cheers,  
Dean…

 ![Screen Shot 2023-12-07 at 11.28.03 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/7/77cb79d28b7be2a80b2aaf599e16b19bc6364d9c.png)

 ![Screen Shot 2023-12-07 at 11.27.09 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/0/906d287c02694f5545040d94f392c988ce31c62d.png)

---

<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:** [December 9, 2023, 12:53am UTC](https://community.thunkable.com/t/why-does-my-design-look-so-different-in-the-app-android-and-web-preview-dont-know-which-to-build-design-for/2738945/4 "2023-12-09T00:53:27Z")

</div>

Hello @deanmachine  
Thank you for sharing more information.  
Have you tried to use the [Layout component](https://docs.thunkable.com/app-design/ui-components/basic-components/layout)?

---

<div class="post-metadata">

**Author:** ![keerthievaproton.me8](https://avatars.discourse-cdn.com/v4/letter/k/87869e/32.png) [@keerthievaproton.me8](https://community.thunkable.com/u/keerthievaproton.me8)\
**Post date:** [December 11, 2023, 2:40pm UTC](https://community.thunkable.com/t/why-does-my-design-look-so-different-in-the-app-android-and-web-preview-dont-know-which-to-build-design-for/2738945/5 "2023-12-11T14:40:33Z")

</div>

I have tried using the Layout component in Thunkable. It’s a great tool that allows you to arrange and design the visual layout of your app. You can easily add various UI components like buttons, text elements, images, and more to create the desired user interface.

---

<div class="post-metadata">

**Author:** ![deanmachine](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deanmachine/32/138759_2.png) [@deanmachine](https://community.thunkable.com/u/deanmachine)\
**Post date:** [December 13, 2023, 2:17am UTC](https://community.thunkable.com/t/why-does-my-design-look-so-different-in-the-app-android-and-web-preview-dont-know-which-to-build-design-for/2738945/6 "2023-12-13T02:17:42Z")

</div>

Are you saying I now have to redesign the entire thing with the Layout component? @ioannis

---

<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:** [December 14, 2023, 4:40pm UTC](https://community.thunkable.com/t/why-does-my-design-look-so-different-in-the-app-android-and-web-preview-dont-know-which-to-build-design-for/2738945/7 "2023-12-14T16:40:46Z")

</div>

Hello @deanmachine  
I don’t mean to build everything again. You can put the existing components inside a Layout

---

<div class="post-metadata">

**Author:** ![deanmachine](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deanmachine/32/138759_2.png) [@deanmachine](https://community.thunkable.com/u/deanmachine)\
**Post date:** [January 2, 2024, 1:40am UTC](https://community.thunkable.com/t/why-does-my-design-look-so-different-in-the-app-android-and-web-preview-dont-know-which-to-build-design-for/2738945/8 "2024-01-02T01:40:00Z")

</div>

@ioannis Will I need a Layout component for every asset in my UX? Or can I use 1 component for all of them?

This is what I meant by rebuild the whole thing. I have to recreate the entire thing with the Layout component.

And this is after paying my subscription for over a year. I’d like a credit for the new headaches this created, please.

---

<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:** [January 3, 2024, 8:38pm UTC](https://community.thunkable.com/t/why-does-my-design-look-so-different-in-the-app-android-and-web-preview-dont-know-which-to-build-design-for/2738945/9 "2024-01-03T20:38:28Z")

</div>

Hello @deanmachine and Happy New Year 🎉  
You can use one Layout and many components inside.  
Unfortunately, I can’t help you with billing issues.  
For financial issues, please send an email to [billing@thunkable.com](mailto:billing@thunkable.com). They will be helpful in resolving these billing-related issues.

---

<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/why-does-my-design-look-so-different-in-the-app-android-and-web-preview-dont-know-which-to-build-design-for/2738945/10 "2024-11-08T13:33:18Z")

</div>


