Aligning or Stretching UI Images to center

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.

Hi, welcome to the forums!

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

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

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.