Mobile Version Responsive issue

I have a mobile version of my app (native app setting). I hide/show groups using states. Each group is basically a different page in the app.

The problem is that these groups will not fill the entire width of the page when on larger screens, and always are aligned left no matter what I do.

Here’s a link to a sample-

Login- homer@simpson.com
Pass- 1234

Any guidance is appreciated!

I don’t have laptop in front of me but i rotate the display of my mobile i can see what you mean.

Put everything inside main group and another inner group and align the inner group to be in center.

Check how it looks then change width percentage and see how it looks
You have an option fix width or you can set percentage

There is the responsive page you can edit how page response in different screen size. But you might not want to go there yet. It is simpler the way i told you.

Make sure all of your groups that are stacked on each other have the same width and x value. Also make sure they all have the same responsiveness settings.

When groups are overlapping, it messes with the responsiveness.

Thank You! This was the issue… one of the groups was sized wrong and threw the whole lot off.