# Responsive webapp / thunkable live app prevew **URL:** \ **Category:** Questions about Thunkable X\ **Tags:** design, thunkablelive, testing, publish, livetest\ **Created:** [July 18, 2020, 9:16pm UTC](https://community.thunkable.com/t/responsive-webapp-thunkable-live-app-prevew/687248 "2020-07-18T21:16:41Z")\ **Posts on this page:** 11\ **Page:** 1
**Author:** ![dami\_flepp](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/dami_flepp/32/72796_2.png) [@dami\_flepp](https://community.thunkable.com/u/dami_flepp)\ **Post date:** [July 18, 2020, 9:16pm UTC](https://community.thunkable.com/t/responsive-webapp-thunkable-live-app-prevew/687248/1 "2020-07-18T21:16:41Z")
when i preview my app as responsive web app and change the screen sice to same as my mobiledevice, layout is not the same as in Thunkable live app preview. So what layout wil it be, when I publish my app? ans how am I supposed to take propper screenshots to publish my app, if there’s a different layout? ---
**Author:** ![gobassky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gobassky/32/77019_2.png) [@gobassky](https://community.thunkable.com/u/gobassky)\ **Post date:** [July 19, 2020, 2:24am UTC](https://community.thunkable.com/t/responsive-webapp-thunkable-live-app-prevew/687248/2 "2020-07-19T02:24:19Z")
Yes. This issue is raised to the thunkable github bug report recently. Basically the component layout properties don’t work as expected. We just have to wait for the thunkable team to fix this. ---
**Author:** ![dami\_flepp](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/dami_flepp/32/72796_2.png) [@dami\_flepp](https://community.thunkable.com/u/dami_flepp)\ **Post date:** [July 21, 2020, 2:28pm UTC](https://community.thunkable.com/t/responsive-webapp-thunkable-live-app-prevew/687248/3 "2020-07-21T14:28:27Z")
so what is the “original” Layout? the layout I see when creating? the layout in the Live App? the layout in Web? It’s confusing AF… ---
**Author:** ![choi\_beomgyu](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/choi_beomgyu/32/105994_2.png) [@choi\_beomgyu](https://community.thunkable.com/u/choi_beomgyu)\ **Post date:** [July 21, 2020, 5:41pm UTC](https://community.thunkable.com/t/responsive-webapp-thunkable-live-app-prevew/687248/4 "2020-07-21T17:41:32Z")
It depends on how it is made before publishing ---
**Author:** ![dami\_flepp](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/dami_flepp/32/72796_2.png) [@dami\_flepp](https://community.thunkable.com/u/dami_flepp)\ **Post date:** [July 21, 2020, 5:45pm UTC](https://community.thunkable.com/t/responsive-webapp-thunkable-live-app-prevew/687248/5 "2020-07-21T17:45:19Z")
what exactly do you mean? ---
**Author:** ![choi\_beomgyu](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/choi_beomgyu/32/105994_2.png) [@choi\_beomgyu](https://community.thunkable.com/u/choi_beomgyu)\ **Post date:** [July 21, 2020, 5:46pm UTC](https://community.thunkable.com/t/responsive-webapp-thunkable-live-app-prevew/687248/6 "2020-07-21T17:46:25Z")
I mean it depends how your layout is going to be when you publish it. ---
**Author:** ![choi\_beomgyu](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/choi_beomgyu/32/105994_2.png) [@choi\_beomgyu](https://community.thunkable.com/u/choi_beomgyu)\ **Post date:** [July 21, 2020, 5:48pm UTC](https://community.thunkable.com/t/responsive-webapp-thunkable-live-app-prevew/687248/7 "2020-07-21T17:48:29Z")
You mean how your screen is going to be when you publish,right? ---
**Author:** ![dami\_flepp](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/dami_flepp/32/72796_2.png) [@dami\_flepp](https://community.thunkable.com/u/dami_flepp)\ **Post date:** [July 21, 2020, 7:29pm UTC](https://community.thunkable.com/t/responsive-webapp-thunkable-live-app-prevew/687248/8 "2020-07-21T19:29:48Z")
Thunkable Live: ![IMG_7586](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/0/f067a94c0dd01fa7831396c77e56222249793735.jpeg) Responsive Web (same screen sice): ![Unbenannt](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/b/3b4dd296cb55a9c0ff129814c8bd8577e2f7f9bd.jpeg) the green spaces (button) are not in the same place, thats my problem… so if i publish my app, where will my button be? (since it is the same screen sice and i work with % space) ---
**Author:** ![dami\_flepp](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/dami_flepp/32/72796_2.png) [@dami\_flepp](https://community.thunkable.com/u/dami_flepp)\ **Post date:** [July 21, 2020, 9:24pm UTC](https://community.thunkable.com/t/responsive-webapp-thunkable-live-app-prevew/687248/9 "2020-07-21T21:24:27Z")
maybe my problem is that i work with images as Design… 🤔 ---
**Author:** ![gobassky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gobassky/32/77019_2.png) [@gobassky](https://community.thunkable.com/u/gobassky)\ **Post date:** [July 22, 2020, 5:16am UTC](https://community.thunkable.com/t/responsive-webapp-thunkable-live-app-prevew/687248/10 "2020-07-22T05:16:31Z")
Ok. currently there are issues with the component layout on the responsive webapp portion. It means the component properties behave differently. e.g the column to “fit contents”, it behave like “fill container”. etc. But these properties are correct on thunkable live on the phone. While the Thunkable peeps are solving these, what we can do is to design apps specific for either phone app, or webapp. ---
**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, 12:27pm UTC](https://community.thunkable.com/t/responsive-webapp-thunkable-live-app-prevew/687248/11 "2024-11-08T12:27:03Z")