Не поменялся logo text, как исправить?

Добрый день у меня никак не поменялся лого текст, но я сделал всё как на видео ( курс html , CSS урок 28)

.logo {
	width: 800px;
	padding-bottom: 40px;
}
.logo h1, .logo h2{
	font: normal 300% 'Century Gothic', arial, sans-serif;
	margin: 0 0 0 9px;
}


.logo_text h1, .logo_text h1 a, .logo_text h1 a:hover {
	padding: 22px 0 0 0;
	color: #fff
	letter-spacing: 0.1em;
	text-decoration: none;
}

.logo_text h2 {
	font-size: 0,2em;
	padding: 4px 0 0 0;
	color: #999;
}

html

css

3 ответов

Покажи что у тебя в html коде написано.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>KinoHouse</title>
	<meta name="description" content="KinoHouse это кинопортал где можно посмотреть хорошее кино">
	<meta name="keywords" content="кинопортал, хорошее кино, кино онлайн, KinoHouse, КиноХаус, Кинохаус">
	<link rel="stylesheet" href="assets/css/style.css">
	<link rel="stylesheet" href="assets/css/Century Gothic 400.ttf">
	<link rel="stylesheet" type="text/css" href="assets/css/Arial.ttf">
</head>
<body>

	<div class="main">
		
		<div class="header">	
			<div class="logo">
				<div class="logo_text">
					<h1><a href="/">KinoHouse</a></h1>
					<h2>Кино ваш новый дом</h2>
				</div>			
			</div>
			
			<div class="menubar">
				
				<ul class="menu">
					<li class="selected"><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>

			</div>

		</div>

	<link rel="stylesheet" href="assets/css/Century Gothic 400.ttf">
	<link rel="stylesheet" type="text/css" href="assets/css/Arial.ttf">

Это лишнее. Шрифты лучше подключать в css через import, где-то в блоге видео находил как это сделать. UPD: вот:

https://fructcode.com/ru/blog/how-to-import-fonts-for-website/

В html коде вижу, что </div> от main не закрыт.

В css тоже ошибки:

.logo_text h1, .logo_text h1 a, .logo_text h1 a:hover {
	padding: 22px 0 0 0;
	color: #fff
	letter-spacing: 0.1em;
	text-decoration: none;
}

нужно точку с запятой поставить после color: #fff и еще есть ошибки.

Посмотри вот тут пример как должно быть:

https://fructcode.com/ru/courses/html-and-css/header-and-top-menu/