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

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

20_последнее испытание
20_последнее испытание1358×890 334 KB

2 
<!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 class="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">
			<img src="keks.jpg" width="50" alt="Портрет Кекса">
			<p class="info">Кекс, keks@htmlacademy.ru</p>
			<p class="copyright">© 2008—2014 Cat Energy</p>
		</footer>
	</body>
</html>
<!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 class="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">
		  <div class="info">
		    <img src="keks.jpg" width="50" alt="Портрет Кекса">
		    Кекс, keks@htmlacademy.ru
		  </div>
		  <div class="copyright"> 
		    © 2008—2014 Cat Energy
		  </div>
   </footer>
	</body>
</html>
3

Что не так, спасибо за ответ.

4

Добрый день!
В вашем коде фигурирует целых два варианта решения, которые идут одно за другим. Мини-браузер отрисовывает только первый вариант, а второй не влазит. Второй вариант является правильным и проходит проверку на 100%. Удалите первый вариант решения и оставьте только этот:

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

Размышления о жизни

Существует много вещей, которые безразличны собакам, но кошки от них без ума.

К примеру, любимое место кота — это клавиатура компьютера. Собака не будет постоянно спать на клавиатуре.

Фото Кекса 1 Фото Кекса 2 Фото Кекса 3 Фото Кекса 4 Фото Кекса 5
Портрет Кекса Кекс, keks@htmlacademy.ru
© 2008—2014 Cat Energy
5

А слона то и не заметил) Спасибо.

1 лайк