Испытание: другой вариант главной


#1
<!DOCTYPE html>
<html lang="ru">
  <head>
    <title>Испытание: другой вариант главной</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
  </head>
  
  <body>
    
    <!-- Шапка -->
    
    <header class="page-header"> 
    
        <div class="logo">
            <img src="logo.svg" width="90" height="90" alt="Cat Energy">
        </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="blog-entry">
            <aside class="video-preview">
                <img src="preview.jpg" alt="Видео превью">
            </aside>
            
            <section class="idea">
                <h1>Размышления о жизни</h1>
                <p>Существует много вещей, которые безразличны собакам, но кошки от них без ума.</p>
                <p>К примеру, любимое место кота — это клавиатура компьютера. Собака не будет постоянно спать на клавиатуре.</p>
            </section>
        </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>

screenacademy

В глазах всё замылилось. Не могу понять где мой косяк.
Текст статьи и превью не помещаются в общий блок как на примере + снизу узор у футера мылится, хотя стили я вообще не трогал. Буду признателен.


#2

main article поправьте, недописали класс
в футере хз что происходит, переписал сам, стало 100%

футер
<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>

#3

При значение атрибута alt=“Портрет Кекса” испытание не будет пройдено на 100%.
При любых других значениях атрибута alt – 100% (если нет других ошибок).


#4

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


#5

странно, скопировала ваш код к себе - у меня с узором все нормально


#6

Присутствует, но видать это какой-то баг, который не хотят исправлять. Такую рекомендацию не мне первому дают. Забавно :slight_smile:


#7

Они об этом знают: Ошибка с испытанием: другой вариант главной???


#8

У меня 100% - специально вчера перепрошла ещё раз. Значение Alt не меняла.


#9