How to do responsive interfaces

Hi, the videos I have currently found did not relate to the specific problem I am having.

If anyone can link me to a tutorial about this, thanks. I have a feeling I need to calculate this stuff during Awake

What I want height wise:

Top Panel - 15%
Game Panel - 70%
Bottom Panel - 15%

But when I change resolutions the heights stay the same, or get squished and overlap.

From the two images I have attached, you will see that the ‘GamePanel’ will shrink when I move to a different resolution from the origin I set it.

I want the GamePanel to be flush with the BottomPanel and TopPanel, is this possible or do I have to calculate this in run time?

I may put ads in the top or bottom panel, or other interface items and keep the actual game rendering in the GamePanel


@ awesome man, thanks for the information!