# Layout design for different screen sizes

**URL:** https://community.thunkable.com/t/layout-design-for-different-screen-sizes/768233
**Category:** Questions about Thunkable X
**Created:** [August 25, 2020, 2:09pm UTC](https://community.thunkable.com/t/layout-design-for-different-screen-sizes/768233 "2020-08-25T14:09:23Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Christian\_Sigge](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/christian_sigge/32/27756_2.png) [@Christian\_Sigge](https://community.thunkable.com/u/Christian_Sigge)
#### Post date: [August 25, 2020, 2:09pm UTC](https://community.thunkable.com/t/layout-design-for-different-screen-sizes/768233/1 "2020-08-25T14:09:23Z")

</div>

Hello,  
I searched the forum but i couldn’t find any solved topicvwith a practical solution, most answers i found where mere hints.i also contacted thunkable directly but I’m sometimes not patient enough.

I want my layout looks similar on different phone screensizes, the objects are set to absolut size and here are the blocks to maintain the same object size on different screen sizes.

But it does not work.  
Correctly, in some screen sizes labels are overlap pictures and so on.

 ![Screenshot_20200825-160508](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/7/479e1b34920fc8fbf8dfcaf1085805b46d325e86.png)

Am i wrong here?

---

<div class="post-metadata">

### Author: ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)
#### Post date: [August 25, 2020, 4:25pm UTC](https://community.thunkable.com/t/layout-design-for-different-screen-sizes/768233/2 "2020-08-25T16:25:32Z")

</div>

does using % not work to maintain size?

Fixed size elements can be tricky.

---

<div class="post-metadata">

### Author: ![Christian\_Sigge](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/christian_sigge/32/27756_2.png) [@Christian\_Sigge](https://community.thunkable.com/u/Christian_Sigge)
#### Post date: [August 25, 2020, 8:26pm UTC](https://community.thunkable.com/t/layout-design-for-different-screen-sizes/768233/3 "2020-08-25T20:26:13Z")

</div>

Hello Jared,  
I was working with % values ​​first but I figured that if I creat a button with a% value for hight and width the Button looks different from when I use absolute values ​​and calculate the% value from the ScreenHight and Screenwidth. the Button looked more simialar through all devices I could test with.

But it’s ok, I did some adjustments and I think I can work with relative% values.

But there’s another problem I need to solve,  
how to calculate the font size?

---

<div class="post-metadata">

### Author: ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)
#### Post date: [August 25, 2020, 9:08pm UTC](https://community.thunkable.com/t/layout-design-for-different-screen-sizes/768233/4 "2020-08-25T21:08:37Z")

</div>

Great question @Christian_Sigge

I would use a solution like this coded with the anycomponent blocks.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/8/786231fd29d8685b25432cbcbc89120f81184a65.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: [November 8, 2024, 12:24pm UTC](https://community.thunkable.com/t/layout-design-for-different-screen-sizes/768233/5 "2024-11-08T12:24:36Z")

</div>