Это свёрстано с применением
Bootstrap
Либо.. в тегах
header\section\footer\т.д вкладываешь следующим уровнем
<div class="container"> </div>
И контейнеру (
.container) задавай ширину в
%. К примеру
85%
Пример
html разметки
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>site_in_portpholio</title>
</head>
<body>
<header>
<div class="container">
Код
</div>
</header>
<section>
<div class="container">
Код
</div>
</section>
</body>
</html>
CSS:
.container {
padding: 0;
margin: 0;
margin: auto;
width: 85%;
}
Почитай про
Адаптивную вёрстку ;)
Сложный
