# Square Screen Sized Image

**URL:** <https://community.thunkable.com/t/square-screen-sized-image/563467>\
**Category:** Questions about Thunkable X\
**Tags:** image\
**Created:** [April 16, 2020, 12:28am UTC](https://community.thunkable.com/t/square-screen-sized-image/563467 "2020-04-16T00:28:33Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![mythi](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mythi/32/70585_2.png) [@mythi](https://community.thunkable.com/u/mythi)\
**Post date:** [April 16, 2020, 12:28am UTC](https://community.thunkable.com/t/square-screen-sized-image/563467/1 "2020-04-16T00:28:33Z")

</div>

Hello! I am trying to add an image into my app that is square but resizes based on the width of the device (I expect to be testing on different devices and I don’t want to use an absolute value). I tried using blocks to set the image height and width to be the screen width:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/0/10dfd2ccc9486b75a3e8304a67706cd55e980499.png)  
I tried making a column and successfully got it to be the right size but when I added the photo in it would be too big and sometimes cover the whole screen.  
When I set the image resize mode to contain, though, it does work a little bit but I think there is some height issues. It makes the image take up all the space so-to-speak and then positions itself in the center, so there is just a bunch of space above and below it. I think it has something to do with the justifyContent, alignItems, alignSelf stuff… I tried different options and it didn’t really make a difference ☹

Please help and thank you!

Ps. I would like the whole screen to be scrollable in the end

---

<div class="post-metadata">

**Author:** ![danibarzo16i718](https://avatars.discourse-cdn.com/v4/letter/d/258eb7/32.png) [@danibarzo16i718](https://community.thunkable.com/u/danibarzo16i718)\
**Post date:** [June 20, 2020, 12:18am UTC](https://community.thunkable.com/t/square-screen-sized-image/563467/2 "2020-06-20T00:18:49Z")

</div>

hi @mythi, did you learn how to fix your image in the APP? i am having the same issue and found this post from you. Thanks in advance!

---

<div class="post-metadata">

**Author:** ![mythi](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mythi/32/70585_2.png) [@mythi](https://community.thunkable.com/u/mythi)\
**Post date:** [June 20, 2020, 12:28am UTC](https://community.thunkable.com/t/square-screen-sized-image/563467/3 "2020-06-20T00:28:53Z")

</div>

Hi @danibarzo16i718! I was not able to fix the problem back then but after working on other projects I have found that you usually have to put a wait block (can be just .05 seconds) before settings those things. Hope this helps!

---

<div class="post-metadata">

**Author:** ![danibarzo16i718](https://avatars.discourse-cdn.com/v4/letter/d/258eb7/32.png) [@danibarzo16i718](https://community.thunkable.com/u/danibarzo16i718)\
**Post date:** [June 20, 2020, 4:32am UTC](https://community.thunkable.com/t/square-screen-sized-image/563467/4 "2020-06-20T04:32:45Z")

</div>

Ok thanks for your feedback @mythi!

---

<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, 11:25am UTC](https://community.thunkable.com/t/square-screen-sized-image/563467/5 "2024-11-08T11:25:36Z")

</div>