@Lolokek
Разрабатываю игры

Как такое делается (HTML/CSS)?

Здравствуйте, давно интересует вопрос, как правильно верстать такие сайты (https://zen.yandex.ru)? При промотке сайта вниз видно, что есть header - отдельный блок и отдельный блок с контентом, но оба имеют одинаковую ширину на разных экранах.
  • Вопрос задан
  • 892 просмотра
Пригласить эксперта
Ответы на вопрос 1
NikitaFedorov
@NikitaFedorov
Я.... Я верстальщик
Это свёрстано с применением 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%;
}


Почитай про Адаптивную вёрстку ;)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы