99%, где ошибка, при условии, что шрифт менять нельзя?

Курсы §20. Возможности HTML и CSS
1 
<!DOCTYPE html>
<html lang="ru">
  <head>
    <title>Испытание: другой вариант главной</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
  </head>
  <body bgcolor=FFFFFF>
      <header class=page-header>
        <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>
        <div class=logo>
          <img src="logo.svg" width="90" height="90" alt="Cat Energy">
        </div>
      </header>
      <main>
        <article class=blog-entry>
          <section class=idea>
            <h1>Размышления о жизни</h1>
            <p>Существует много вещей, которые безразличны собакам, но кошки от них без ума.</p>
            <p>К примеру, любимое место кота — это клавиатура компьютера. Собака не будет постоянно спать на клавиатуре.</p>
          </section>
        <aside class=video-preview><img src="preview.jpg" alt="Видео превью"></aside>
        </article>
      <section class=photos>
        <figure class=slides>
          <img src="keks-1.jpg" alt="Фото Кекса 1">
          <img src="keks-2.jpg" alt="Фото Кекса 2">
          <img src="keks-3.jpg" alt="Фото Кекса 3">
          <img src="keks-4.jpg" alt="Фото Кекса 4">
          <img src="keks-5.jpg" alt="Фото Кекса 5">
        </figure>
      </section>
      </main>
      <footer class=page-footer>
        <section class=info><img src="keks.jpg" width="50" alt="Портрет Кекса"> Кекс, keks@htmlacademy.ru
        </section>
        <section class=copyright>© 2008—2014 Cat Energy
        </section>
      </footer>
    </body>
</html>
2

А что в различиях?

3

image

4

Я в футере класс copyright поставил выше, чем info. А вообще проверь CSS и следуй так, как там по порядку написано, у тебя сверху в коде тоже есть различия. Эта неочередность я думаю могла как то наложиться друг на друга и в конце дать такой результат.

< footer class=“page-footer”>
< section class=“copyright”>© 2008—2014 Cat Energy
< section class=“info”>< img src=“keks.jpg” width=“50” alt=“Портрет Кекса”>
Кекс, keks@htmlacademy.ru
< /section>
< /footer>

5

Очередная ошибка проверки.

<section class=info><img src="keks.jpg" width="50" alt="Портрет Кекса"> Кекс, keks@htmlacademy.ru

Так – 99%.

<section class=info> <img src="keks.jpg" width="50" alt="Портрет Кекса"> Кекс, keks@htmlacademy.ru

А c пробел перед тегом <img> – 100%.

В этом section были и другие 100% варианты, но менять один правильный код на другой правильный, чтобы угодить “проверке” – пустая трата времени.

и всё же имена классов лучше заключать в кавычки.

1 лайк