How can I Lock sections of page to the resolution of all devices

Hey WordPress Community,

Basically I want to know if or how I can lock sections of the page to the resolution of all devices (PCs, Ipads and phones). Then scroll down (on the same page) and it locks to another section.. etc..

I’m working on a 1080p 24″ Monitor and when I switch to my 11″ Mac, all the work I’ve done looks terrible (out of proportion to the page). Now if you go on the Apple or Google website on either a large or small monitor the pages scale perfectly and you see the same content and background.

If you visit my site however, The PC Crafter depending on what size screen you are using you will notice the home screen/landing page content, doesn’t reach the bottom of the screen, or goes beyond it.

I really love the feeling a site has when I can just scroll down and view the content without having to do a lot of navigating. And I’d really like to be able to make my site similar.

I apologise for any confusion I may have created, as I don’t know the correct terms.

If anyone could provide any information into the matter, it would be greatly appreciated!

Thanks in advance,
Sam Gallon