Насколько важна "Богатая семантика", в верстке?

Tom Nolane, Можете объяснить что это значит? - недопустимы пустые свойства в css

Как осуществить сортировку в списке?

https://www.w3schools.com/howto/tryit.asp?filename...

Flex возможно ли?

Антон Плашкевич, Да

Flex возможно ли?

Антон Плашкевич, + у вас общий родитель для формы и тайтла.

Flex возможно ли?

Антон Плашкевич, родителю (header__form-wrap) задаем display: flex; justify-content: space-between;. Для child (header__form) - margin-left: auto; - чтобы прижать вправо

Как удалить лишние переносы строк?

Если для br есть свой контейнер - можно тогда на css https://jsfiddle.net/ahLu37dq/

Браузер жалуется на jquery?

Это скорее всего из-за версии jquery. Если используется 3 версия jquery -.load удален

Как сделать Submit формы в модальном окне?

т.е button[type="submit"] находится вне тега form?

если это так, тогда необходимо связать форму с кнопкой

форме задаем id, например id="formID"
для кнопки ставим атрибут form="formID"

Как правильно сверстать такую сетку bootstrap 4?

получается блок col-5 будет занимать ширину нет от .row, а от блока родителя col-7
col-7 = 7/12 = 58.33%

col-5 5/12 = 41.67% ширины от блока .col-7

Как правильно сверстать такую сетку bootstrap 4?

здесь не получиться так сделать - отдельно блок с позиционируйте внутри - без сетки

Как правильно сверстать такую сетку bootstrap 4?

Какая версия бутстрапа?
Для 3 версии - можно кастомизировать сетку https://getbootstrap.com/docs/3.3/customize/
Для 4 версии - проще - она флексах

Как передать событие на focus?

Максим Ленский, Да вчера думал об этом. Если использовать hover + label. https://jsfiddle.net/j4wdekot/

Как передать событие на focus?

С фокусом так не получиться сделать на css
Как вариант https://jsfiddle.net/w5rbkd12/

Лучшие CSS Flexbox сетки?

NaN, отдельно сетка https://github.com/m-spyratos/bootstrap-4-grid/tre...

Лучшие CSS Flexbox сетки?

Mike Ro, bootstrap 4 - использует css сетку на флексах

Как вставить дочерний элемент перед последним в родителе?

div внутри ul - это не валидная структура

Проблемы с версткой в Safari. В чем проблема?

На Windows последняя версия сафари 5.7.1 - эта версия давно устарела

Чем можно подравнять блоки?

скорее всего это из-за float(т.е блоки позиционируются с помощью float: left;)

Необходимо использовать clearfix или другой способ позиционирования (display: inline-blockили display: flex)

Нужно ли писать в классе элемент и модификатор вместе по БЭМ?

Senseich, Это элемент - top-menu__item-link,

а это модификатор top-menu__item-link_first (Модификатор)

Нужно ли писать в классе элемент и модификатор вместе по БЭМ?

для ссылок лучше так top-menu__link

модификатор top-menu__link--first