Andrey Suha

Два дня поисков? Первая ссылка в гугле

Попробуйте css на брекпомнте уменьшить размер строки

Можно конечно, но зачем? Если это две шаблоные страницы, то зачем их 2 раза верстать на стороне cms это все равно будет один шаблон

Вот тут посмотрите

А если для каждого елемента кроме первого задать марджин лефт -1, ну или сколько толщина бордера и увеличивать z-index елемента на котором Ховер?

тыц по примеру делаете два триугольника ну и стилите блок как Вам нужно

UPD наверное все же лучше градиент как Вам советовали комментаторы выше))

Html, css, opacity, padding, after. Как то так

1) не понял про чуть ближе чуть дальше, но вполне норм как по мне юзать марджины во флексах.

2) тут как бы зависит от задач. Я например ещё не разу не верстал перфект, хотя коллегам прилетали такие задачи

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

UPD

Если я Вас не правильно понял и ответ выше Вам не подходит, то может эта статья поможет.

Через афтер елемент, бекграундом так не сделаешь

При submit js-ом проверять пустое поле или нет, если пустое выводить кастомное сообщение об ошибке