Hola, gorkaroke, debes usar medidas relativas para poder hacer que los componentes de tu web se estiren o se "achiquen", y sobre lo de centrar, te recomiendo usar display flex,
!OJO!
Display FLEX, es una propiedad relativamente nueva en CSS, algunos navegadores viejos no lo mostraran bien, y tendras que usar los prefijos para cada navegador.
Para hacer que tu layout sea relativo a la pantalla, es con este tipo de codigo:
Código CSS:
Ver original.header{
width: 100%; height: 100%;
}
Como puedes ver las medidas reltivas son con porcentajes, hay mas medidas relativas, pero tu despues investigas...
El contenedor donde quieras tener tus cosas centradas, es asi:
Código CSS:
Ver original.contenedor{
display: flex;
justify-content: center;
align-items: center;
}
Los hijos del elemento ".contenedor" estaran centrados vertical como horizontalmente.
Espero que te haya servido, no olvides que puede ser que des una investigadita sobre el flexbox y el responsive design, hasta luego.