How to implement displaying the page in full screen with three even blocks vertically?

Question

css

Hello, there are three blocks, the top and bottom of which will be links, but you need the page to be full page, regardless of the screen resolution.
How to implement proportional resizing of blocks and images in the background?

Answer 1

Draw images 2000px wide and style
them
{
width: 100%
max-width: 2000px;
min-width: 100px //or whatever the minimum is
background: url('img/2000pximg.jpg') no-repeat center top;
}

Answer 2

If you want you can try flexbox
frontender.info/a-guide-to-flexbox