Арсений Матыцин

Чисто CSS — clip-path, если мне не изменяет память. Но там полно браузерных артефактов. Лучше использовать SVG маски.

Подход к вопросу огонь. Но. Как по мне, тут js не шибко и нужен. +- хватит танцев с бубном на css, путем осознания того, что в общем информация статична, и высчитывать шибко и нечего. Ну и немного абсолютного позиционирования и хаков.
Но если действительно стоит необходимость сделать, так сказать, умную сетку, то можно перебирать их всех после полной загрузки DOM, или же еще лучше, индивидуально в момент hover. К слову, jQuery можно... В общем чистый JS нынче в треде, как говорится. Итак, ближе к конкретике:

1. Спаси и сохрани размер обертки карточки, назовем ее ячейкой
   
2. Задай самой карточке абсолютное позиционирование относительно ячейки
   
3. Задисплей через прозрачность (к примеру) дополнительные элементы
   
4. Рассчитай их размеры и, как в примере на дверях, высчитай отступ наверх
   

Ну и главное, проверь, чтобы у ячейки не стял overflow:hidden. Бо плохо будет.
З.Ы.: кроме морды из примера я ничего не увидел. Ну и пункты могут варьироваться.

Я думаю универсального ответа нет. Но могу рассказать, как мы собираем. Для статики создаем папку типа frontsources прямо в корне. Там все, и sass и «сырой» js, и изображения. Далее настроенный gulp уже все разбирает, куда надо. Стили в корень замещая файл style.css и т.д.
Browsersync мы не используем для работы с WP, так что тут не подскажу. Для отработки всея и всего в проекте мы локалим его либо на Open Server, ну или для работы сообща на наш сервак.
В случае с работы с серваком удобно использовать синхронизацию кода с обработкой gulp прямо на сервере, но это реально, если у вас есть полный контроль к серверу, ну или хотя бы возможность установить там необходимое окружение и запускать его. Речь о ноде и gulp, соответственно.

Отступы — самое простое решение. Но как вариант можно использовать позиционирование у нижнего типа position:relative, top: NNpx.

Но самое имбовое средство это не position:fixed для навигации, а position:sticky. С ним, конечно, есть свои сложности, но то уже другой вопрос.

Ну вообще кеш может. *Нервно крещусь при слове «Битрикс»*. Его можно и нужно запретить на время разработки. Или внесения крупных изменений в прод. А потом снова включить.

Ибо да, это такой тяжеловес, что и в хороших руках он монстрит по загрузке без кеша.

З.Ы. я с такой проблемой сталкивался, с откатами одна из версий да, это кеш. Всего у нас было 3-5 причин, но их я не помню.

Поисковики какое-то время хранят «снимки» статики сайтов. Восстановить можно таким образом, собсно, только статику. Одностраничник, если это не приложение какое, по идее вписывается в условия.

А вообще для такого существует тех-поддержка после разработки.

З.Ы. как вариант обратится к первоисточнику, я, например, храню почти все разработанные данные за последние лет 10.

Когда речь заходит о Битриксе, то уже ничего не страшно.

З.Ы. если по теме, то да, можно использовать разные альты для картинок. Ноооо... Это в теории может вылезти боком при ручной проверки выдачи.

Обертка bootstrap table-responsive не управляет содержимым ячеек. Оно добавляет горизонтальную прокрутку, если не хватает места.

Сбрось кеш своего браузера