Кексби- Глава 6: промежуточное испытание 3/8 и 8/8

Курсы Эпичный курс «Кексби»
1

Привет!

  1. Вроде просто, но не могу понять, как верстать данный блок:
    1
    Вроде список или список определений, но вроде и заголовки с параграфами, которые я не могу вставить в список… Запуталсо

  2. Что здесь не так?

    2
    2.png835×515 34.5 KB 

     <footer>
   <img src="img/logo.png" alt="logo">
     <ul>
       <li><a href="#">История</a></li>
       <li><a href="#">Производство</a></li>
       <li><a href="#">Ассортимент</a></li>
       <li><a href="#">Где купить</a></li>
     </ul>
     <div class="social">
      <a class="ig" href="#">Инстаграм</a>
      <a class="fb" href="#">Фейсбук</a>
      <a class="vk" href="#">Вконтакте</a>
       </div>
       <p>При перепечатке материалов ссылка на сайт обязательна!</p>
       <div class="developer">
         <img src="img/htmlacademy.png" alt="htmlacademy">
         <b>Разработчик:</b> <a href="#">HTML Academy</a>
       </div>
 </footer>

Ответов в форуме не нашел
В разработчике пробелы ставил/удалял, не помогает

2

Добрый день!

  1. Этот блок выполнен в виде при помощи тегов ul, li и p.
  2. В связи с особенностью рендера страницы при проверке, в последнем div-е нужно разместить img, b и a в одной строке в коде. Тогда лишний отступ пропадёт.
1 лайк
3

Спасибо за ответ

  1. Но я же не могу <h> и <p> помещать внутрь списка, а тут явно заголовки замешаны
Видны заголовки

40
Screen Shot 2020-04-14 at 17.55.40.png848×430 36 KB

Валидатор не пускает

44
Screen Shot 2020-04-14 at 17.50.44.png805×184 33 KB

2 Я видел решение завенуть одной строкой в див/спан, но мне не помогает:

код 
>  <div>
>     <img src="img/htmlacademy.png" alt="htmlacademy"> <b>Разработчик:</b> <a href="https://htmlacademy.ru">HTML Academy</a>
>    </div>
4

смог таки, если кому вдруг пригодится:

блок 8/8

див, лого и ссылку в одну строчку только с одним пробелом перед ссылкой

При перепечатке материалов ссылка на сайт обязательна!

htmlacademyРазработчик: HTML Academy