# \[Solved\] Image Components Look so Different per phone view

**URL:** <https://community.thunkable.com/t/solved-image-components-look-so-different-per-phone-view/1051810>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [January 15, 2021, 3:43pm UTC](https://community.thunkable.com/t/solved-image-components-look-so-different-per-phone-view/1051810 "2021-01-15T15:43:56Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![delee\_thedeveloper](https://avatars.discourse-cdn.com/v4/letter/d/cdc98d/32.png) [@delee\_thedeveloper](https://community.thunkable.com/u/delee_thedeveloper)\
**Post date:** [January 15, 2021, 3:43pm UTC](https://community.thunkable.com/t/solved-image-components-look-so-different-per-phone-view/1051810/1 "2021-01-15T15:43:56Z")

</div>

Why does my images look so different between the two btw phone and the editor? (Please look at the attachments)

 ![IMG_F3BCFAA65633-1](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/c/1c85020b2ab3b630617c27147785f1f6d156188c.jpeg) ![Screen Shot 2021-01-15 at 9.37.07 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/c/bc2b0bc161445fefb3966c8ebcbc5267b731c691.png)

the image with the blue background is the editor and the other image is the phone view

---

<div class="post-metadata">

**Author:** ![luv.ak.tech](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/luv.ak.tech/32/104896_2.png) [@luv.ak.tech](https://community.thunkable.com/u/luv.ak.tech)\
**Post date:** [January 15, 2021, 4:08pm UTC](https://community.thunkable.com/t/solved-image-components-look-so-different-per-phone-view/1051810/2 "2021-01-15T16:08:36Z")

</div>

try uninstalling your thunkable live app and install again maybe because thunkable keeps updating

---

<div class="post-metadata">

**Author:** ![delee\_thedeveloper](https://avatars.discourse-cdn.com/v4/letter/d/cdc98d/32.png) [@delee\_thedeveloper](https://community.thunkable.com/u/delee_thedeveloper)\
**Post date:** [January 15, 2021, 4:10pm UTC](https://community.thunkable.com/t/solved-image-components-look-so-different-per-phone-view/1051810/3 "2021-01-15T16:10:19Z")

</div>

Will do, please be on standby pretty please… 😉

---

<div class="post-metadata">

**Author:** ![delee\_thedeveloper](https://avatars.discourse-cdn.com/v4/letter/d/cdc98d/32.png) [@delee\_thedeveloper](https://community.thunkable.com/u/delee_thedeveloper)\
**Post date:** [January 15, 2021, 4:26pm UTC](https://community.thunkable.com/t/solved-image-components-look-so-different-per-phone-view/1051810/4 "2021-01-15T16:26:06Z")

</div>

Nope, unfortunately that didn’t help the problem. The image components looks fine on the editor, but when I preview they aren’t coming out like the editor.

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [January 15, 2021, 6:15pm UTC](https://community.thunkable.com/t/solved-image-components-look-so-different-per-phone-view/1051810/5 "2021-01-15T18:15:04Z")

</div>

add some space using group component

---

<div class="post-metadata">

**Author:** ![delee\_thedeveloper](https://avatars.discourse-cdn.com/v4/letter/d/cdc98d/32.png) [@delee\_thedeveloper](https://community.thunkable.com/u/delee_thedeveloper)\
**Post date:** [January 15, 2021, 7:42pm UTC](https://community.thunkable.com/t/solved-image-components-look-so-different-per-phone-view/1051810/6 "2021-01-15T19:42:59Z")

</div>

ok I’ll try that but that still wont justify the width of the image

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [January 15, 2021, 8:42pm UTC](https://community.thunkable.com/t/solved-image-components-look-so-different-per-phone-view/1051810/7 "2021-01-15T20:42:49Z")

</div>

See this from Thunkable documentation. It clearly says there are differences.

 ![Screenshot_20210115_234127](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/6/b62739fc6d2c300ef5ebf60ac0c5ce86435fcf2f.jpeg)

---

<div class="post-metadata">

**Author:** ![delee\_thedeveloper](https://avatars.discourse-cdn.com/v4/letter/d/cdc98d/32.png) [@delee\_thedeveloper](https://community.thunkable.com/u/delee_thedeveloper)\
**Post date:** [January 15, 2021, 9:15pm UTC](https://community.thunkable.com/t/solved-image-components-look-so-different-per-phone-view/1051810/8 "2021-01-15T21:15:16Z")

</div>

thank you all so much because I have been going crazy trying to see if this app going to look the way i want it

---

<div class="post-metadata">

**Author:** ![delee\_thedeveloper](https://avatars.discourse-cdn.com/v4/letter/d/cdc98d/32.png) [@delee\_thedeveloper](https://community.thunkable.com/u/delee_thedeveloper)\
**Post date:** [January 15, 2021, 9:19pm UTC](https://community.thunkable.com/t/solved-image-components-look-so-different-per-phone-view/1051810/9 "2021-01-15T21:19:02Z")

</div>

when I look at the preview on the web its just a blank screen

 ![Screen Shot 2021-01-15 at 3.18.26 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/3/e30ac709206614dc519ebae554a14ae43c15515c.jpeg)

---

<div class="post-metadata">

**Author:** ![delee\_thedeveloper](https://avatars.discourse-cdn.com/v4/letter/d/cdc98d/32.png) [@delee\_thedeveloper](https://community.thunkable.com/u/delee_thedeveloper)\
**Post date:** [January 15, 2021, 9:20pm UTC](https://community.thunkable.com/t/solved-image-components-look-so-different-per-phone-view/1051810/10 "2021-01-15T21:20:16Z")

</div>

ok so when I look at the preview it looks correct

 ![Screen Shot 2021-01-15 at 3.19.26 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/f/4f30134b566bfa89c6bffdc88ee138c7300fd025.jpeg)

thank you all so 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, 1:30pm UTC](https://community.thunkable.com/t/solved-image-components-look-so-different-per-phone-view/1051810/11 "2024-11-08T13:30:44Z")

</div>


