1. Никаких px, pt и прочих абсолютных единиц. Только rem, em, % и т. п. 2. Флексбоксы. 3. @media - разные наборы стилей для разной ширины экрана (это называется "адаптивная вёрстка" и и интернете полно статей на данную тему).
Это вы текст так только выровняете, и, может быть, изображения. Выравнивание блоков - это отдельная магия) Погуглите "div посередине" или что-то в этом духе. Там разные решения. На память вроде такого было: div на 100% - или сколько у вас растягивающаяся часть - и в нем div нужного размера с position: auto 0;