Алексей Уколов

yandex.ru/yandsearch?text=autoresize%20textarea%20...

Вот такое решение оптимальнее и логичнее - jsfiddle.net/koceg/4wnq2wvb/1
Ни к чему слушать все mouseover на документе.

Скорее всего, должно быть link(href='/bootstrap/dist/css/bootstrap.min.css', rel='stylesheet')
Ну и jade тут, конечно, вообще ни при чем.

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

При однородном бэкграунде сделать это достаточно просто - jsfiddle.net/tz9zop7q
Да и при неоднородном несложно - jsfiddle.net/tz9zop7q/1

У вас прямо перед блоком #hide лишняя закрывающая скобка, вот стили дальше и не работают.

На оригинале подчеркивание находится на некотором расстояние от содержимого, у меня подчеркивание стандартное. Как его можно отдалить(подчеркивание) от содержимого пользуясь только html и css ?

Использовать border-bottom или псевдо-элементы.

Судя по форматированию вы не пользуетесь IDE - поставьте себе WebStorm и вам больше никогда не придется тратить три часа своей жизни на поиск лишних скобок.

Псевдоэлемент здесь совершенно не нужен, как и js: jsfiddle.net/rggszbw6/1
Но если сделать границу 2px дергаться все-равно будет - геометрия-то изменяется при этом.

Таблицы проще и надежнее, дивы - гибче. Что именно выбрать, зависит от ситуации.

jsfiddle.net/ar5mqa4n/7

.map-ukraine {
  transform: scale(0.5);
}

Только всплывашки так показываются не там, где нужно.

https://css-tricks.com/navigation-in-lists-to-be-o...