Q:

Trouble with layout on various screen sizes

My screen layout has elements placed correctly

but when I switch to another screen, eg. iphone 7 plus

or se

things change. I've set constrains, height and witdh when I suppose I should, but apparently it does not want to cooperate with me. Please tell me what constrains and heights, widths should I set.

A:

Add below constraint

For the red and green View You need to give Equal Width Constraint.
For Blue View at the center you need to give Center Horizontally Constraint.
For the bar at the bottom You need to give Bottom distance from the Red/Green Top Constraint.

