# Problem with live test - layout issues
**URL:** https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917
**Category:** Questions about Thunkable X
**Created:** [May 26, 2021, 3:25am UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917 "2021-05-26T03:25:46Z")
**Posts on this page:** 17
**Page:** 1
### Author:  [@overturner](https://community.thunkable.com/u/overturner)
#### Post date: [May 26, 2021, 3:25am UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917/1 "2021-05-26T03:25:46Z")
Hi , I am having A problem with live testing. The Test shows up good and fine on web preview but all mashed up in phone preview pictures are below.
Web preview
IOS
Android
---
### Author:  [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)
#### Post date: [May 26, 2021, 3:49am UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917/2 "2021-05-26T03:49:32Z")
try doing fixed designing as in responsive it might happen
---
### Author:  [@overturner](https://community.thunkable.com/u/overturner)
#### Post date: [May 26, 2021, 3:59am UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917/3 "2021-05-26T03:59:32Z")
@eko.devs.apploroceo no i have not done any designing i just put components nothing else
---
### Author:  [@overturner](https://community.thunkable.com/u/overturner)
#### Post date: [May 26, 2021, 4:07am UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917/4 "2021-05-26T04:07:18Z")
@eko.devs.apploroceo
now i tried fixed designing still same problem
please help
---
### Author:  [@jane](https://community.thunkable.com/u/jane)
#### Post date: [May 26, 2021, 6:53am UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917/5 "2021-05-26T06:53:48Z")
Hi there,
Can you share the URL of this project, either in this thread or in a message to me?
---
### Author:  [@overturner](https://community.thunkable.com/u/overturner)
#### Post date: [May 26, 2021, 7:16am UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917/6 "2021-05-26T07:16:44Z")
[https://x.thunkable.com/copy/64a110c3abbbba33841b1a90a65d2b39](https://x.thunkable.com/copy/64a110c3abbbba33841b1a90a65d2b39)
---
### Author:  [@overturner](https://community.thunkable.com/u/overturner)
#### Post date: [May 26, 2021, 7:17am UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917/7 "2021-05-26T07:17:35Z")
i removed all invisible components and lots of code @jane
thanks in advance @jane
---
### Author:  [@overturner](https://community.thunkable.com/u/overturner)
#### Post date: [May 26, 2021, 12:49pm UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917/8 "2021-05-26T12:49:15Z")
@jane please reply
---
### Author:  [@catsarisky](https://community.thunkable.com/u/catsarisky)
#### Post date: [May 26, 2021, 4:25pm UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917/9 "2021-05-26T16:25:19Z")
I’m not getting the same thing when I preview on IOS. Using your copy link, I see the text inputs stacked together. Looks like you removed some code.
One problem I saw was that you were using a stored variable for the photo, but not checking if that’s null.
I turned your screen and column22’s vertical alignment to ‘top’. That looked pretty good on my small iphone screen except it’d need to scroll. There was a lot of space around select photo and take photo. I changed column21’s width to 100% (you could go with less), and that got everything on the screen without any weird layout. You might want to add some margins.
---
### Author:  [@overturner](https://community.thunkable.com/u/overturner)
#### Post date: [May 26, 2021, 4:45pm UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917/10 "2021-05-26T16:45:57Z")
Ok thanks a lot @catsarisky So maybe it my phones problem right?
---
### Author:  [@catsarisky](https://community.thunkable.com/u/catsarisky)
#### Post date: [May 26, 2021, 4:46pm UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917/11 "2021-05-26T16:46:45Z")
Try the settings I suggested and see if that fixes you up. 🙂 Sometimes a bunch of nested stuff set to “fit contents” will end up being a weird size.
---
### Author:  [@overturner](https://community.thunkable.com/u/overturner)
#### Post date: [May 26, 2021, 5:06pm UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917/12 "2021-05-26T17:06:43Z")
ok will try
---
### Author:  [@catsarisky](https://community.thunkable.com/u/catsarisky)
#### Post date: [May 26, 2021, 5:15pm UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917/13 "2021-05-26T17:15:03Z")
> [@overturner](#):
>
> So maybe it my phones problem right?
I wouldn’t conclude that it is all your phone’s fault, especially since you saw it on an iOS and an Android phone. (Sometimes layout issues show up with especially small screens, but you presumably want it to work on small screens, too.) The problem is more that the web previewer doesn’t always reflect what’s going to happen on a phone. If you’re building for web, you’ll want to pay more attention to the web preview, but otherwise, you’ll want to regularly check your layout on at least one iPhone and one Android, if you’re building for both.
---
### Author:  [@overturner](https://community.thunkable.com/u/overturner)
#### Post date: [May 26, 2021, 5:19pm UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917/14 "2021-05-26T17:19:46Z")
Yes , i would want to do that if i am developing an app.
Also yes it works now but i was wondering how to put space around property.
Thanks a lot in advance
---
### Author:  [@catsarisky](https://community.thunkable.com/u/catsarisky)
#### Post date: [May 26, 2021, 5:34pm UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917/15 "2021-05-26T17:34:10Z")
Does setting the margins to something other than 0 get you what you want? You can also set vertical or horizontal alignment of containers (screens, rows, columns) to “space around” or “space between”, but I’m never entirely happy with how that looks and prefer to set margins.
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [May 26, 2021, 5:42pm UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917/16 "2021-05-26T17:42:20Z")
Margins and paddings are the best for precise position control.
---
### Author:  [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 1:22pm UTC](https://community.thunkable.com/t/problem-with-live-test-layout-issues/1307917/17 "2024-11-08T13:22:16Z")