Хоть в блокноте...(не есть хорошо)) только не понятно зачем вы его покупали...
Используйте редакторы кода, например Sublime Text, в нем есть удобные функции например emmet который ускорит верстку, или же просто подсветка кода)) в отличии от блокнота
Еще есть всякие VS Code, Web Storm, Atom и так далее...
Как вариант через flex.
Единственный минус, это то что точки картинкой)
Я взял первую попавшуюся точку) фон можно конечно же вокруг сделать прозрачным. Расстояние редактировать через саму картинку точки)
input - display: inline-block;
Если между ними в верстке поставить пробел, то появляется между ними пару пикселей которые как раз мешают)
Решения тут по сути 3)
1. Сделать flex/grid
2. Задать font-size: 0;
3. Убрать пробел между input
1. У вас отсутствует глиф скорее всего на букве E и используется Times New Roman.
2. Я не вижу никакого Lora шрифта)
3. Большая часть вообще Arial
4. Большое кол-во шрифтов это плохо, темболее не стандартных
Решение: попробовать поискать этот шрифт еще где нить... вдруг там будет буква E... но не верю в это))
Есть неплохая прога для оптимизации, использует множество способов оптимизации без потери качества. Ну и так же если у вас картинка без прозрачности, то лучше же сделать jpg) еще один тупой вариант оптимизации)
Возможно вы используете float? или где то не закрыли тэг что скорее всего. Если выложите код в песочницу например на jsfiddle.net, то посмотрю поточнее...
Во первых у вас дублируются data5 и value в data3.
Во вторых я бы изменил код на что то типо этого... не делал бы для каждого маршрута свой selector, а объединил и выбирал по data-id
Я бы сделал примерно так... подкорректируйте под себя) Суть в эвенте change. Он вызывается когда изменяется значение в input. И если его вызвать самому, как я сделал когда передавал значения... .trigger("change")
У iOS в Safari нету события hover как вы привыкли... При первом клике срабатывает hover, а при втором клике срабатывает клик по ссылке... Как вариант для решения этой проблемы... Для iOS убирайте hover эффект или же добавьте focus.
Только разве label может ли иметь id? Точнее не будет ли ругаться валидатор... я просто че то не проверял такое)
Ну как вариант сделать простой скрипт при загрузке страницы который считывает hash(site.ru/#block) в ссылке, если он совпадает с id блока, то скрыть все, открыть нужный.
Насколько я понял .morphsearch-close находится так сказать в модальном окне, которого изначально на странице нету? Скорее всего у вас не вешается событие на клик, решить это можно примерно так
