Урок 20 html/css текст не становиться на header?

вот код сорян что по укрински

<!DOCTYPE html>
<html lang="ua">
<head>
    <title>КіноМонстр</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="КіноМонстр - це портал про кіно????️"/>
    <meta name="keywords" content="КіноМонстр, movie, кіно, фільми, серіали"/>
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
    <div class="header"></div>
        <div class="main">
            <div class="logo">
                <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;
}

html

css

4 ответов

Вот ошибка:

<div clss="main">

Слово class написано как clss.

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

И сам header должен быть внутри блока main:

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

</div>

Вот здесь посмотри:

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

не помогло(

спасибо