How To Keep Buttons, Text And Images Relative To A Screens/browsers Size?

I'm making a small website and I'm very new to CSS but whenever I change the size of the webpage I'm working on nothing stays relative to the size of the screen it's being displaye

Solution 1:

you can use the percent notation

for example :

img {
  padding-top:50px;
  display: block;
  margin-left: 10%;
}