Кексби. Лого в блоке 8 прилипает к кнопке "Отправить заказ" из 7 блока

Все задания выполнил, но хотелось бы “отклеить” логотип в 8 блоке. Код 7-8 блоков ниже, скрин тоже

  <div>
    <h2>Заказать</h2>
      <p>Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас. При заказе от 10 баррелей — скидка 10%.</p>
        <form class="feedback-form" action="index.html" method="post">
          <div class="feedback-form-group">
            <label for="fullname">Представьтесь:</label>
              <input type="text" name="fullname" id="fullname"></input>
          </div>
          <div class="feedback-form-group">
            <label for="number">Номер телефона:</label>
              <input type="text" name="number" id="number"></input>
          </div>
          <div class="feedback-form-group">
            <label for="number2">Доп. номер:</label>
              <input type="text" name="number2" id="number2"></input>
          </div>
          <div class="feedback-form-group">
            <label for="mail">Email:</label>
              <input type="text" name="mail" id="mail"></input>
          </div>
          <div class="feedback-form-group">
            <label for="volume">Объем заказа:</label>
            <select name="volume" id="volume">
              <option value="1">От 5 до 10 баррелей в неделю</option>
            </select>
          </div>
          <div class="feedback-form-group">
            <label for="message">Доп. комментарий:</label>
              <textarea name="message" rows="10" cols="96"></textarea>
          </div>
          <div class="checkbox-area">
            <label><input type="checkbox" name="subscribtion"> Я согласен получать квасную рассылку</input></label>
          </div>
          <div class="sub">
            <input type="submit" class="btn" value="Отправить заказ"></input>
          </div>
      </form>
  </div>

  <div class="footer">
    <img src="img/logo.png" alt="Кваст" width="140" height="76">
      <ul class="navmenu">
        <li><a href="#">История</a></li>
        <li><a href="#">Производство</li>
        <li><a href="#">Ассортимент</li>
        <li><a href="#">Где купить</a></li>
      </ul>
    <a href="https://www.instagram.com/htmlacademy">Инстаграм</a>
    <a href="https://www.facebook.com/htmlacademy">Фейсбук</a>
    <a href="https://vk.com/htmlacademy">Вконтакте</a>
      <p>При перепечатке материалов ссылка на сайт обязательна!</p>
    <img src="img/htmlacademy.png"> <b>Разработчик:</b> <a href="#">HTML Academy</a>
  </div>

Так и должно быть.
Здесь абсолютно всё прилипает по вертикали…
Расставлять по своим местам, и наводить красоту – задача CSS.

1 лайк

Спасибо за помощь)