[19/19] Не получается подвинуть текст в footer


#1

Здравствуйте! Вот такая ситуация.

Мой текст полчается левее, чем образце. Поэтому не хватает 3%. В чем может быть проблема?






    <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" class="slides">
            <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>

Заранее спасибо!
P.S. если что неправильно сделал, не пинайте, пожалуйста,:pensive: я впервые на этом форуме.


#2

Инспектором пользоваться умеете?


#3

К сожалению, нет. Я вообще не знаю что это такое((
Пока еще слишком далек от этой сферы деятельности. Только знакомлюсь с ней.

P.S. методом хаотичного подбора выяснилось, что нужен был пробел перед словом Кекс
<section class="info"><img src="/assets/course73/keks.jpg" width="50" alt="keks"> Кекс, keks@htmlacademy.ru</section>
Только не пойму почему он (пробел между тегом и текстом) влияет на реузльтат…


#4

Нужно нажать правой кнопкой мыши на любой элемент в мини-браузере и в меню выбрать “Инспектировать элемент” или “Просмотреть код элемента” (зависит от браузера, в котором работаете). Появившаяся снизу или сбоку панель - и есть инспектор. Там гораздо больше вкладок, инспектор - это только одна из них. Обязательно изучите этот инструмент.
По поводу пробела, изображение и текст - это строчные элементы, и если текст отдельно не обернут. то пробел - это единственное, что их разделяет (если не брать в расчет стили css).


#5

Огромное вам спасибо!!!