# Aligning or Stretching UI Images to center

**URL:** <https://forum.8thwall.com/t/aligning-or-stretching-ui-images-to-center/4730>\
**Category:** Technical Support\
**Tags:** general\
**Created:** [February 7, 2025, 5:18am UTC](https://forum.8thwall.com/t/aligning-or-stretching-ui-images-to-center/4730 "2025-02-07T05:18:48Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jonathan\_Ong](https://avatars.discourse-cdn.com/v4/letter/j/3bc359/32.png) [@Jonathan\_Ong](https://forum.8thwall.com/u/Jonathan_Ong)\
**Post date:** [February 7, 2025, 5:18am UTC](https://forum.8thwall.com/t/aligning-or-stretching-ui-images-to-center/4730/1 "2025-02-07T05:18:48Z")

</div>

Hi, I can’t seem to align or stretch UI image objects by using Align content or Align Items, and selecting center. Items seem to be way off. I have to manually offset from corners to somehow make this work, but it will be an issue for different responsive interfaces. Thanks.

 ![image](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/2X/a/a1c22031f5264aa05b84ae31f7f8b02ebee98fb4.jpeg)

---

<div class="post-metadata">

**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\
**Post date:** [February 7, 2025, 3:07pm UTC](https://forum.8thwall.com/t/aligning-or-stretching-ui-images-to-center/4730/2 "2025-02-07T15:07:52Z")

</div>

Hi, welcome to the forums!

You can set the height and width to “100%” instead of 500 and it should align correctly.

---

<div class="post-metadata">

**Author:** ![Jonathan\_Ong](https://avatars.discourse-cdn.com/v4/letter/j/3bc359/32.png) [@Jonathan\_Ong](https://forum.8thwall.com/u/Jonathan_Ong)\
**Post date:** [February 16, 2025, 3:42am UTC](https://forum.8thwall.com/t/aligning-or-stretching-ui-images-to-center/4730/3 "2025-02-16T03:42:04Z")

</div>

When I set 100%, it removes all other UI elements including my title. Is there a way I can do this for all the UI elements?

Secondly, for centering and not stretching too

---

<div class="post-metadata">

**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\
**Post date:** [February 18, 2025, 4:04pm UTC](https://forum.8thwall.com/t/aligning-or-stretching-ui-images-to-center/4730/4 "2025-02-18T16:04:41Z")

</div>

I would reccomend setting up your UI so that it’s closer to a CSS Flexbox layout. Where you nest the children elements inside of the parent object that set to flex column or row. Then all you have to do is ensure the main container is 100% width of the screen.