Если ты хочешь проверить, как будут работать стили, ты можешь сам навесить класс no-svg корневому тегу. Копаться где-то в недрах браузера и отключать поддержку svg, чтобы проверить, как будет отрабатывать библиотека modernizr, нецелесообразно.
Stylelint уже установлен отдельно, но ситуация немного иная. Stylefmt использует файл конфигурации stylelint'а, но, поскольку тот обновился, в нём появились новые настройки, которые stylefmt не понимает. Поэтому нужно обновить и вложенный stylelint для stylefmt. Проблема описана тут.
P.S. Есть форк репозитория stylefmt, в котором все пакеты данного плагина обновлены, но не хотелось бы копировать всё вручную.
Я правильно понимаю, что каждый раз при изменении размеров окна браузера коэффициент соотношения сторон изображения всё равно будет пересчитываться? Есть ли способ этого избежать?
Флоаты прекрасно справляются с этой задачей, пусть и создавались они немного с иной целью (сетка того же Bootstrap 3 сделана на float'ах и, кстати, автор топика по сути её и использует). Отрицательные отступы также убирают пробелы между инлайн блоками, однако это весьма ненадёжный способ, поскольку приходится подбирать значение отступа в зависимости от размера шрифта родителя, и если в будущем тот увеличится, то крайний пункт "уползёт" вниз. С флексами согласен на все 100!
Ответ верный. От себя добавлю: если вы пытались таким образом убрать маркеры у элементов списка, то делали это неправильно. Для этого существует значение list-style со свойством none, которое можно прописать .main-menu .sub-menu.