wvvw

Надо всю сборку смотреть. Не знаю, как там на счёт gulp-sass, но у меня после обработки css минификатором иногда пропадают из кода некоторые стили.

skew и rotate в помощь https://html5book.ru/css3-transform/

в последнее время тоже замечал такой глюк в хроме на всех страницах, где position:fixed использовал... надо будет в службу поддержки отписать, чтобы поправили в новых версиях

без flex

все по-разному делают, нет единых правил. если есть дизайн для десктопа, планшета (обычно 768px) и мобильных (обычно 320px) - хорошо. если нет - должен уметь сам всё адаптировать, сохранив аккуратный читабельный вид - блоки переносятся, шрифты уменьшаются, картинки масштабируются и т.д.

задай блоку display:table-cell и всё будет прекрасно выравниваться по центру (я обычно ещё делаю обёртку c width:100%; display:table; чтобы не было проблем с шириной, тут уже зависит от ситуации) в твоём случае так будет работать: <div style="width:100%; display:table;"><span style="height: 200px; display:table-cell; vertical-align: middle;">Текст</span></div>

отметить первые 20 можно так, например: $(".js-check").click(function(){ for (var i=0; i<=20; i++){ $("input[name=id_"+i+"]").prop('checked', true); } }) то есть по клику на кнопку с классом js-check, в данном случае

попробуй включить для своего скролла свойство autoReinitialise $('.scroll').jScrollPane({autoReinitialise: true});