Как исправить верстку в курсе html/css в уроке 32?

Изучяю html/css нужна помощ ?

В блоке HTML/CSS дошол до 32 пункта.

Все прописал как пишут на видео, но чтото результат отличается от автора, проверил 5 раз по букве:

Вот мой результат, по файлу index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Киномонстр</title>
<meta name="description" content="Киномонстр - ето портал о кино" />
<meta name="keywords" content="фильмы, фильмы онлайн, HD" />
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>

<div class="main">

<div class="header">
<div class="logo">
<div class="logo_text">
<h1><a href="/">КиноМонстр</a></h1>
<h2>Кино - наша страсть!</h2>
</div>
</div>

</div>

</body>
</html>

Результат мой в файле CSS:

.header {
background-color: darkslateblue;
height: 177px;
font-size: 0.8em;
margin-left: 0px;
margin-right: 0px;
min-width: 900px;
}

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

}
.logo {
width: 880px;
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.9em;
padding: 4px 0 0 0;
color: #999;
}

P.S. Стою на асфальте в лыжи обутый ...

html

css

1 ответов

У вас открыто 4 div, а закрыто только 3 div, получается, что вы div с классом main не закрыли. И если нормально отформатировать код, это очень хорошо видно:

<div class="main">
    <div class="header">
        <div class="logo">
            <div class="logo_text">
                <h1><a href="/">КиноМонстр</a></h1>
                <h2>Кино - наша страсть!</h2>
           </div>
        </div>
    </div>

Но, я не вижу особых проблем. Файл со стилями у вас соответствует с подключаемыми? Ваш код ниже со стилями вставленными в html-код:

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8">
      <title>Киномонстр</title>
      <meta name="description" content="Киномонстр - ето портал о кино" />
      <meta name="keywords" content="фильмы, фильмы онлайн, HD" />
      <link rel="stylesheet" href="assets/css/style.css">
   </head>
   <body>
      <div class="main">
         <div class="header">
            <div class="logo">
               <div class="logo_text">
                  <h1><a href="/">КиноМонстр</a></h1>
                  <h2>Кино - наша страсть!</h2>
               </div>
            </div>
         </div>
      </div>
      <style>
         .header {
         background-color: darkslateblue;
         height: 177px;
         font-size: 0.8em;
         margin-left: 0px;
         margin-right: 0px;
         min-width: 900px;
         }
         .main, .logo, .menubar, .site_content, .footer {
         margin-left: auto;
         margin-right: auto;
         }
         .logo {
         width: 880px;
         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.9em;
         padding: 4px 0 0 0;
         color: #999;
         }
      </style>
   </body>
</html>

+ дальше пролистайте на несколько уроков, там будет интерактив с готовым кодом, сравнивайте с вашим кодом.