kianurivzzz · September 17, 2024 15:50
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="ru">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <title>Шапка сайта</title>
  </head>

  <body>
    <header class="header header-white">
      <!-- Тут можно дописать код -->
      
      <!-- Тут можно дописать код -->
      <nav class="nav">
        <ul>
          <li><a href="#">О проекте</a></li>
          <li><a href="#">Отзывы студентов</a></li>
          <li><a href="#">Истории успеха</a></li>
          <li><a href="#">База знаний</a></li>
          <li><a href="#">Техподдержка</a></li>
        </ul>
      </nav>
    </header>
  </body>

 </html>
diff --git a/style.css b/style.css
 body {
  margin: 0;
  padding: 0;

  color: #333;
  font-family: sans-serif;
  line-height: 1.5;

  background: #f9f9f9;
 }

 .header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
  min-height: 90px;
  padding: 20px 40px;

  overflow: hidden;
 }

 .header-white {
  background: #fff;
 }

 .nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;

  list-style: none;
 }

 .nav li {
  padding: 10px 20px;

  cursor: pointer;
 }

 .nav a {
  color: inherit;

  font-weight: bold;
  white-space: nowrap;
  text-decoration: none;
 }

 .nav li:hover > a {
  color: #717171;
 }

 /* Тут можно дописать код */

 /* Тут можно дописать код */

 @media screen and (max-width: 500px) {
  /* Тут можно дописать код */
  
  /* Тут можно дописать код */

  .nav ul {
    display: block;
  }

  .nav li {
    padding-right: 0;
    padding-left: 0;
  }

  /* Тут можно дописать код */
  
  /* Тут можно дописать код */
 }
diff --git a/TASK.md b/TASK.md
	<!DOCTYPE html>
	<html lang="ru">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/style.css">
	<title>Шапка сайта</title>
	</head>

	<body>
	<header class="header header-white">
	<!-- Тут можно дописать код -->

	<!-- Тут можно дописать код -->
	<nav class="nav">
	<ul>
	<li><a href="#">О проекте</a></li>
	<li><a href="#">Отзывы студентов</a></li>
	<li><a href="#">Истории успеха</a></li>
	<li><a href="#">База знаний</a></li>
	<li><a href="#">Техподдержка</a></li>
	</ul>
	</nav>
	</header>
	</body>

	</html>
	body {
	margin: 0;
	padding: 0;

	color: #333;
	font-family: sans-serif;
	line-height: 1.5;

	background: #f9f9f9;
	}

	.header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	box-sizing: border-box;
	min-height: 90px;
	padding: 20px 40px;

	overflow: hidden;
	}

	.header-white {
	background: #fff;
	}

	.nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;

	list-style: none;
	}

	.nav li {
	padding: 10px 20px;

	cursor: pointer;
	}

	.nav a {
	color: inherit;

	font-weight: bold;
	white-space: nowrap;
	text-decoration: none;
	}

	.nav li:hover > a {
	color: #717171;
	}

	/* Тут можно дописать код */

	/* Тут можно дописать код */

	@media screen and (max-width: 500px) {
	/* Тут можно дописать код */

	/* Тут можно дописать код */

	.nav ul {
	display: block;
	}

	.nav li {
	padding-right: 0;
	padding-left: 0;
	}

	/* Тут можно дописать код */

	/* Тут можно дописать код */
	}