Знакомство с HTML5 / Испытание: другой вариант главной

maksim.b · 17.Январь.2016 17:58:43

Это задание Знакомство с HTML5 / Испытание: другой вариант главной

`!DOCTYPE html>

Завершаем главную: наполнение

Главная
Посты
Обо мне

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

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

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

Deodatus · 16.Июнь.2016 06:06:19

у меня твой код не дает правильного результата. мой вот такой :

<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 class="idea">
        <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">
            Кекс, keks@htmlacademy.ru
        </section>
        <section class="copyright">
            © 2008—2014 Cat Energy
        </section>
    </footer>
</body>

Но слайды всеравно почемуто без отступов слева получаются…

ivashka · 20.Июнь.2016 17:11:56

<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>
      </div>
    </header>
    <main>
        <article class="blog-entry">
         <aside class="video-preview">
    <img src="/assets/course73/preview.jpg" alt="Видео превью">
         </aside>
          <section class="idea">
    <h1>Размышления о жизни</h1>
    <p class="idea">Существует много вещей, которые безразличны собакам, но кошки от них без ума.</p>
    <p>К примеру, любимое место кота — это клавиатура компьютера. Собака не будет постоянно спать на клавиатуре.</p>
          </section>
      </article>
      <header class="slides">
          <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>
      </header>
    </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>

На 100%