@Forest_Gamp

Неработающее подчеркивание и подсветка. В чем проблема?

Я делаю сайт по видеоуроку https://www.youtube.com/watch?v=ltMSrSis9ww. В видеоуроке, да и макете тоже, элементы навигации подчеркиваются, и плавно меняют цвет при наведении курсора. Ни того, ни другого у меня не появилось после написания нужного кода. Посмотрел в консоли гугл хрома, все выглядит по человечески. Но внизу есть 2 ошибки css: Failed to load resource: net::ERR_FILE_NOT_FOUND
Мой овнокод:
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="assets/css/style.css">
	<link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
	<title>Mogo</title>
</head>
<body>
	<header class="header">
		<div class="container">
			<div class="header_inner">
			<div class="header_logo">MoGo</div>
				<nav class="nav">
				<a class="nav_link" href="#">about</a>
				<a class="nav_link" href="#">service</a>
				<a class="nav_link" href="#">work</a>
				<a class="nav_link" href="#">blog</a>
				<a class="nav_link" href="#">contact</a>
				</nav>
			</div>	
		</div>
	</header>

	<div class="intro">
		<div class="container">
	
		</div>
	</div>
</body>
</html>

CSS:
body{
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font size: 15px;
	line-height: 1.6;
	color:#333;
}

*,
*:before,
*:after{
	box-sizing: border-box;
}

.container{
	width:100%;
	max-width:1200px;
	margin: 0 auto;
}

.intro{
	width:100%;
	height:100vh;
	background: url("../images/intro.jpg");
}

h1,h2,h3,h4,h5,h6{
	margin 0;
}

.header{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	padding-top: 30px;
}

.header_logo{
	font-size: 30px;
	font-weight: 700;
	color: #fff;
}

.header_inner{
display: flex;
justify-content: space-between;
align-items: center;
}

.nav{
	font-size: 14px;
	text-transform: uppercase;
}

.nav_link{
	display: inline-block;
	vertical-align: top;
	color: #fff;
	text-decoration: none;
	transition: color 0.2s linear;
	margin: 0 15px;
}

.nav_link:after {
	content: "";
	display: block;
	width: 100%;
	background-color: #fff;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
}
}	

.nav-link:hover{
	color: black;
}
  • Вопрос задан
  • 61 просмотр
Пригласить эксперта
Ответы на вопрос 1
yarkov
@yarkov
Проект "Жизнь после смерти" - lifeafterdeath.ru
Вам помочь перевести строчку ERR_FILE_NOT_FOUND?
Ну и вместе с текстом там в консоли указан статус ответа 404, который должен натолкнуть на мысль, что файла по указанному адресу не существует.
Ответ написан
Ваш ответ на вопрос

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

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