# Screen Layout : Blank space

**URL:** <https://community.thunkable.com/t/screen-layout-blank-space/2922562>\
**Category:** Questions about Thunkable X\
**Created:** [March 31, 2024, 10:51pm UTC](https://community.thunkable.com/t/screen-layout-blank-space/2922562 "2024-03-31T22:51:12Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![tiny\_apps](https://avatars.discourse-cdn.com/v4/letter/t/3d9bf3/32.png) [@tiny\_apps](https://community.thunkable.com/u/tiny_apps)\
**Post date:** [March 31, 2024, 10:51pm UTC](https://community.thunkable.com/t/screen-layout-blank-space/2922562/1 "2024-03-31T22:51:12Z")

</div>

Hi,

I am trying to set up screen layout and struggling from last two days. The problem is the I could not fit my layout fit to screen : I expect three container with the layout should cover 100% of screen height . I setup then as Main layout as 375X667 px with stretch each sub container is 10%, 80% and 10% height

Here is my project [Thunkable](https://x.thunkable.com/projects/6609e207b61f6e9aff8a2609/eeb5eccb-ebf2-46fb-ab31-a80514410b99/designer)

Web prebiew No issue : See screenshot below  
S23 ultra : You can see there is fourth color appearing at the bottom of screen which is screen color.  
Tablet view last container is not covering whole area and is only about 5%

web preview: as expect  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/a/1ae79c5262bbcbb4c8a5bc45b77d30051f418ddf.png)  
Tablet view : height too short

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/b/abac5322c1c046fc0c9ba023e8b4650984de6697.png)

On phone : height too long

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/3/23bf3a0436c7ef2ca3bcc97c169d28197185144d.jpeg)

Can someone plz help

---

<div class="post-metadata">

**Author:** ![samclever](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@samclever](https://community.thunkable.com/u/samclever)\
**Post date:** [April 1, 2024, 2:37am UTC](https://community.thunkable.com/t/screen-layout-blank-space/2922562/2 "2024-04-01T02:37:31Z")

</div>

instead of setting it to the % of screen in the editor, try using these blocks instead and see if that fixes it. Same thing I know but it might fix it.

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/1/2113619031699b09f1bac1fb2eeb0754f2415fc0.png)

---

<div class="post-metadata">

**Author:** ![tiny\_apps](https://avatars.discourse-cdn.com/v4/letter/t/3d9bf3/32.png) [@tiny\_apps](https://community.thunkable.com/u/tiny_apps)\
**Post date:** [April 1, 2024, 2:59am UTC](https://community.thunkable.com/t/screen-layout-blank-space/2922562/3 "2024-04-01T02:59:47Z")

</div>

Thank you for suggestion… that did not work… results are identical as not setting up these blocks

---

<div class="post-metadata">

**Author:** ![martint](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/martint/32/96689_2.png) [@martint](https://community.thunkable.com/u/martint)\
**Post date:** [April 1, 2024, 8:16am UTC](https://community.thunkable.com/t/screen-layout-blank-space/2922562/4 "2024-04-01T08:16:46Z")

</div>

Ongoing issue,

> [@Why Layouts are not working as expected?](https://community.thunkable.com/t/why-layouts-are-not-working-as-expected/2773816):
>
> Hello Team This is the [link](https://x.thunkable.com/copy/ba37742107beb3ea732154643522a8d6) for project for your review. I have created this to show-case the issue with layouts. There is only 1 screen containing layout with 3 containers TOP - container - 10% height Middle - container - Fill container Bottom - container - 10% But when i built the app, i cannot see the Bottom Container in Android. Can some-one confirm if it is visible in IOS? The Total Layout size should be 100%(height) as per screen-size of device, it should be responsive and Auto Alig…

---

<div class="post-metadata">

**Author:** ![martint](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/martint/32/96689_2.png) [@martint](https://community.thunkable.com/u/martint)\
**Post date:** [April 1, 2024, 8:29am UTC](https://community.thunkable.com/t/screen-layout-blank-space/2922562/5 "2024-04-01T08:29:37Z")

</div>

I have used this as a temp fix for tablets.

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/3/d3448886cc769b59d1342106811ca4fe1e8e3eb8.png)

---

<div class="post-metadata">

**Author:** ![beatbaba7leb](https://avatars.discourse-cdn.com/v4/letter/b/c57346/32.png) [@beatbaba7leb](https://community.thunkable.com/u/beatbaba7leb)\
**Post date:** [April 1, 2024, 6:43pm UTC](https://community.thunkable.com/t/screen-layout-blank-space/2922562/6 "2024-04-01T18:43:48Z")

</div>

Does this happen to Android only or apple as well…

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [June 30, 2024, 6:44pm UTC](https://community.thunkable.com/t/screen-layout-blank-space/2922562/7 "2024-06-30T18:44:10Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
