Андрей Верх

overflow-y:scroll;height:100px

<div class="block block--margin20">

<div class="block block--margin10">

Находите любой сервис рассылок. Какой нибудь СмартРеспондер...Получаете код. Вставляете на сайт.

Голосую за первую версию Owl Carousel. Много возможностей, примеров и весит не особо много.

У Slick , слишком неудобная документация и нет инертности у тача, что как-то не найс.
jcarousel жутко неудобен, если нужно что-то серьёзнее обычного слайдера делать. Приходится кода писать больше, чем слайдер весит.

Незакрытые теги скорее всего. Сказать точно, можно только взглянув на main.tpl

В flex'е не предусмотрено выравнивание последней строки. Так что откажитесь от justify-content: space-around;

Или используйте другие способы выравнивания сетки. Float'ы, inline блоки и т.д. Это будет проще чем искать какие-то хаки.

Сбрасывайте стили и у li
ul, li {list-style: none;}

Создаёте доп.поле для пользователей. И в engine/addcomments.php туда данные отправляете, через этот созданный инпут.

Код не напишу, но думаю там можно разобраться и по аналогии со стандартными полями сделать.

Не уверен что точно сработает, но попробуйте использовать CSS фильтры. Вроде contrast, brightness и т.д.

.v {
color:red;
opacity:0.6;
filter: contrast(6);
}

А зачем тут псевдокласы?

Вы скорее всего не правильно продумали структуру и сделали общий контейнер с фикс.шириной. А нужно ширину, задавать отдельно для каждого блока...как-то так:

<div class="container">
<div class="width">
...
</div>
</div>

flex-basis для .step установите

Не только в хроме. Многие браузеры такое не понимают.
Нужно вешать всё на сам select и смотреть какой option выбран.

<select id="select" onchange="change();">

function change(){
var select=document.getElementById("select");
var selectVal=selectBox.options[selectBox.selectedIndex].value;
}

https://icomoon.io/