tyzberd

https://codepen.io/tyzberd/pen/mogLvx
shpargalkablog.ru/2011/06/css-box-shadow.html

вот норм расписано. dreamhelg.ru/2017/02/symbol-svg-sprite-detail-guide
я делаю в отдельном файле + это https://github.com/jonathantneal/svg4everybody

Используйте что то другое.
Вот у webstorm есть закладки Use bookmarks for navigation
или можно писать TODO https://www.jetbrains.com/help/webstorm/using-todo.html c своим именем, по которому можно потом фильтровать

для поисковых ботов

https://css-live.ru/articles/zagadochnye-otstupy-m...

убрать col-lg-4 у каждого слайда, или перебить через princing-item

https://codepen.io/tyzberd/pen/EGwdqX?editors=1100

Ссылки в тексте статьи и ссылки на стороние ресурсы в новой вкладке.
Переходы между статьями в той же.

можно использовать object-fit и этот скрипт https://github.com/bfred-it/object-fit-images

пробуйте

body {
font-family: 'Lato', sans-serif;
}

Предположение прабабушки Ванги)

Можно ли как-нибудь убрать скролл на устройствах с дисплеями меньше 380рх?

Сами поставили viewport в ширину экрана, а сайту 380, вот и скорл. Хотите избавиться пишите фиксированный viewport с помощью js для устройств меньше 380, тогда будете масштабом играться.

при hover на ab_wrap_in2 вы можете применить стили только к вложенным в него тегам или тегам на том же уровне следующим после этого блока
div ~ p – правые соседи: все p на том же уровне вложенности, которые идут после div.
div + p – первый правый сосед: p на том же уровне вложенности, который идёт сразу после div (если есть).
https://learn.javascript.ru/css-selectors

.navbar_brand {
    display: flex;
    align-items: center;
}

возьмите что то готовое.
jordnkr.github.io/collapsible
https://github.com/vctrfrnndz/jquery-accordion
а если используете bootstrap там есть свой

гуглите "прижать футер к низу " на flex самое норм