Не понимаю почиму на видио 28 одно, а на практике другое?

В видио уроке 28 ми зделали заголовок и под заголовок но они у меня виглядят подругому чем на видио

.header{
	background-color:darkslateblue;
	height: 180px;
	font-size: 0.8em;
	margin-left: 0px;
	margin-right: 0px;
	min-width: 900px;
	font-family: 'Montserrat', sans-serif;
}
.main, .logo, .menubar, .site-content, .footer{
	margin-left:auto;
	margin-right:auto;
}
.logo{
	width: 880px;
	padding-bottom: 40px;

}

.loga h1, .loga h2,{
	font: normal 300% 'century gothis', arial, sans-seif;
	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.9em
padding: 4px 0 0 0;
color:#999;

html

css

3 ответов

1. В уроках нет классов loga:

.loga h1, .loga h2,{
	font: normal 300% 'century gothis', arial, sans-seif;
	margin: 0 0 0 9px;
}

2. В уроках не задается в header шрифт:

font-family: 'Montserrat', sans-serif;

3. У тебя не хватает закрывающей скобки у стилей } и не стоит точки с запятой в первом свойстве:

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

4. У тебя неправильно задано название шрифта:

.loga h1, .loga h2,{
	font: normal 300% 'century gothis', arial, sans-seif;
	margin: 0 0 0 9px;
}

должно быть так:

.logo h1, .logo h2 {
  font: normal 300% 'century gothic', arial, sans-serif;
  margin: 0 0 0 9px;
}

5. Стиль называется у тебя .site-content - через тире (если у тебя в html как в уроке написано, эти стили не будут работать, потому-что отличаются названия классов):

.main, .logo, .menubar, .site-content, .footer{
	margin-left:auto;
	margin-right:auto;
}

в уроке этот стиль через нижнее подчеркивание написан:

.main, .logo, .menubar, .site_content, .footer {
  margin-left: auto;
  margin-right: auto;
}

Вот здесь есть готовый пример как должно быть, сравни со своим кодом:

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

Ошибся где-то, когда код писал. Покажи код полностью, покажу, где ошибся.

Спасиба