Андрей

Да это ж макет с htmlacademy с интенсива базовый, вроде, там должны быть наставники которые дают код ревью и даже болтают с учениками.
Оплати курс и найдешь себе собеседников. Не обязательно этой школы, есть другие.

Ай, не будет колдунства, у тебя не православный бутстрап, а шайтановский 4й. Не получится его собрать из того что было на сайте.
Лезь в sass файл и подставляй свое значение, sass отличается только тем что там нет скобочек и точек с запятой.
Получается что как раз таки скачивать исходники только не css, а что там у них scss? %)

Конечно есть, надо p сделать не потомком div, а соседом как и задумано ;)
https://jsfiddle.net/4qrmdckp/

Единственное что "нагуглил"
https://www.codementor.io/html_css-experts
А вообще тут как-то раз видел ссылку на еще один подобный ресурс.

Как-то я тоже парился с разными стилями для мобильных устройств и настольного браузера при одинаковом (примерно) размере экрана/окна.
Можно с помощью https://modernizr.com/download#setclasses&q=touch отсортировать тач устройства от десктопных, мне тут (на тостере) посоветовали. Хорошая вещь.

Вариант уменьшить длину блока подойдет?
https://jsfiddle.net/cunemm8L/

Я нашел вариант с псевдоэлементами у вот этого человека https://codepen.io/Martin-Duran/pen/kFpaI?editors=1100
Выделил один блок из кучи оформления и подобных в jsfiddle. ( https://jsfiddle.net/1wkjx1js/2/ )
Тень при :hover для этого варианта я не придумал, к сожалению, но половина задачи уже что-то :)