phresidence.lv/about - ссылки так расставлены, но здесь адаптивки нет, при адаптиве вам просто нужно менять размеры ссылок и их позицию (top, left) с помощью медиа-запросов
еще могу рассказать недавний случай поучительный, когда у меня везде (даже в IE) на SVG отлично отрабатывал режим наложения multiply, а в Хроме он баговал, вместо прозрачных теней был виден прямоугольная область всех фигур, при этом оффподдержка в целом свойства была заявлена, но именно это значение не работало, пришлось менять на похожий режим. Это я к тому, что в конечном итоге решает практика и у каждого специалиста формируется собственный caniuse) со временем и опытом.
в общей картине согласен, но filter это одно из немногих свойств CSS, о котором нельзя говорить обобщая, только в отдельности по каждому значению. И тут уже зависит от того, какое именно значение вам необходимо, Webkit держит большую часть, остальные частично, либо держать но результат другой
ну и форматируется соответственно никак, как обычный текст, а то еще и автоподстановку врубит не от той библиотеки. Вам нужно что-то помощнее, типа PhpStorm, IntelliJ IDEA или аналоги
вместо .mySelector нужно написать селектор вашей кнопки (класс или id, который указан у самой кнопки)... в вашем случае это #menu_open_button как я понял
