19/19 Помогите найти ошибку

Курсы §20. Возможности HTML и CSS
1

Две фотографии кота из пяти размещаются выше чем нужно - не в одну линию.
Фон не соответствует образцу.
Фрагмент текста “Размышления о жизни” и фото рядом не совпадают с образцом.
Пожалуйста помогите разобраться!

<html lang="ru">
     <head>
   <title>Завершаем главную: наполнение</title>
   <meta charset="utf-8">
</head>
<body>
    <header class="page-header">
    <div class="logo">
    <img src="/assets/course73/logo.svg" width="90" height="90">
    </div>
    <nav class="main-menu">
    <ul>
        <li><a href="#home">Главная</a></li>
        <li><a href="#blog">Посты</a></li>
        <li><a href="#me">Обо мне</a></li>
    </ul>
    </nav>
    </header>
    <main>
    <article class="blog-entery">
        <aside class="video-preview">
     <img src="/assets/course73/preview.jpg" alt="Видео превью">
    </aside>
    <section class="idea">
    <h1>Размышления о жизни</h1>
    <p> Существует много вещей, которые безразличны собакам, но кошки от них без ума.</p>
    <p> К примеру, любимое место кота — это клавиатура компьютера. Собака не будет постоянно спать на клавиатуре.</p>
     </section>
    </article>
    <section class="photos">
        <figure class="slides">
    <img src="/assets/course73/keks-1.jpg" alt="keks-1">
    <img src="/assets/course73/keks-2.jpg" alt="keks-2">
    <img src="/assets/course73/keks-3.jpg" alt="keks-3">
    <img src="/assets/course73/keks-4.jpg" alt="keks-4">
    <img src="/assets/course73/keks-5.jpg" alt="keks-5">
    </figure>
    </section>
    </main>
    <footer class="page-footer">
     <div class="info">
    <img src="/assets/course73/keks.jpg" width="50" alt="keks">
    Кекс, keks@htmlacademy.ru
    </div>
     <div class="copyright">
    © 2008—2014 Cat Energy
    </div>
    </footer>
</body>
`

19_19
19_19.jpg1368×896 493 KB

2

Нет такого класса в css.

3

Спасибо большое! Теперь все получилось!)

4

Сижу мучаюсь, два блока мешая друг другу, не становятся рядом, потому что в одном не изменяется размер шрифта, как задано в CSS. Сделать скриншот всего не получится, но смысл поймете.

%D0%98%D1%81%D0%BF%D1%8B%D1%82%D0%B0%D0%BD%D0%B8%D0%B5
Испытание.png1316×748 215 KB

Но когда нажал кнопку проверить, проверка прошла на 100%. Вопрос что не так, браузер???

5

Ну и сам код. Я думаю в коде все правильно, т.к. у других участников такой же.

<!DOCTYPE html>
<html lang="ru">
    <head>
       <title>Завершаем главную: наполнение</title>
       <meta charset="utf-8">
    </head>
    <body>
        <header class="page-header">
            <div class="logo">
                <img src="/assets/course73/logo.svg" width="90" height="90">
            </div>
            <nav class="main-menu">
                <ul>
                    <li><a href="#home">Главная</a></li>
                    <li><a href="#blog">Посты</a></li>
                    <li><a href="#me">Обо мне</a></li>
                </ul>
            </nav>    
        </header>
        <main>
            <article class="blog-entry">
                <aside class="video-preview">
                    <img src="/assets/course73/preview.jpg" alt="Видео превью">
                </aside>    
                <section class="idea">
                    <h1>Размышления о жизни</h1>
                    <p>Существует много вещей, которые безразличны собакам, но кошки от них без ума.</p>
                    <p>К примеру, любимое место кота — это клавиатура компьютера. Собака не будет постоянно спать на клавиатуре.</p>
                </section>
            </article>
            <section class="photos">
                <figure class="slides">
                    <img src="/assets/course73/keks-1.jpg" alt="keks-1">
                    <img src="/assets/course73/keks-2.jpg" alt="keks-2">
                    <img src="/assets/course73/keks-3.jpg" alt="keks-3">
                    <img src="/assets/course73/keks-4.jpg" alt="keks-4">
                    <img src="/assets/course73/keks-5.jpg" alt="keks-5">
                </figure>
            </section>
        </main>
        <footer class="page-footer">
            <section class="info">
                <img src="/assets/course73/keks.jpg" width="50" alt="keks">
                Кекс, keks@htmlacademy.ru
            </section>
            <section class="copyright">
                © 2008—2014 Cat Energy
            </section>    
        </footer>
    </body>
</html>
6

в настройках своего браузера измени значение размер шрифта на средний.
и будет тебе счастье)