Make the mobile app responsive

I’m building an ecommerce app. I hired a UI designer to make the UI for me. However, since I’m using appgyver its been tedious to make the app responsive to all screen sizes.

For example, the position of a component which is supposed to be in the middle of the screen suddenly goes to the top in a larger screen. I’m currentry using formulas to get the system height and position elements based on that. But it’s very tedious for me to calculate and do it everytime.

Is there a simpler solution?

ChatGPT suggested me to use a ‘flexbox’. I’m not sure if its deprecated or I couldn’t fint it?/

Nutshell: How to make my mobile app responsive automatically

Flexbox is in Advanced:

For a component (inside a container) to be always centered:
image