Максим Софронов

Посмотрите в сторону idangero.us/swiper/.

Сartonbox

Используйте SVG: icons8.com

В теории так: определяете через js нужный браузер, вешаете класс на body (например, .chrome), а затем в css пишите правила, ориентируясь на этот класс (типа, .chrome a { color: #f0f; })

1. device-pixel-ratio — плотность пикселей. Если вкратце, то использовать это можно лишь при необходимости. В основном пригождается для картинок, чтобы они выглядели четкими.

2. Посмотрите как реализованы контрольные точки в Бутстрапе, в большинстве случаев их достаточно. Т. е. реализуется не под бренд, а просто под ширину экрана.

Задать контейнеру:

display: flex;
flex-direction: row-reverse;

Для подгрузки подойдет это infiniteajaxscroll, а для скрытия блоков скорее всего руками можно написать функцию.

использую в проектах этот плагин javierjulio.github.io/textarea-autosize

Посмотрите на Бутстрап и как там устроена сетка. Ваш вариант, имхо, ненужное усложнение простой вещи.

Это похоже на поведение модального окна. Попробуйте Картонбокс — в нем как раз убран скролл основного содержимого под всплывающим окном.

Посмотреть что происходит при вызове модального окна и каким образом удается запретить скролл основного содержимого можно здесь.

Вдруг кому пригодится, написал свой плагин модальных окон Картонбокс: cartonbox.constlab.ru

Основное отличие от существующих подобных плагинов (даже тех, что описаны выше) — правильная работа скролла на любых устройствах, включая мобильные. При открытом модальном окне основное содержимое страницы, если оно имело полосу прокрутки, не прокручивается и никак не реагирует на скролл колесом мыши или на нажатие кнопок прокрутки на клавиатуре.