Mikhail Osher

Насколько я помню, сейчас Microsoft прекратил поддержку старых IE, то есть актуальные - IE11 & Edge.
Они поддерживают flex.
Остальным недотяпам с IE можно показать warning с содержимым вроде "you're using ancient browser, upgrade'.

Стиль user agent stylesheet где редактировать можно?

В исходном коде браузера.

Ну-с, как минимум, Вы должны, как рыба в воде, понимать и применять то, что описано на этом сайте.

www.phptherightway.com

Например, для хрома.
https://developer.chrome.com/devtools/docs/device-mode

База:
Три слоя гамбургера рисуются отдельно.
При активации средний прячем, а верхний и нижний поворачиваем на 45 градусов.

htmlbook.ru
javascript.ru

line25.com/tutorials/how-to-create-a-pure-css-drop...

LESS version.
SCSS version.

html {
  background: url(/images/background.jpg) no-repeat center center fixed;
  background-size: cover;
}

Божечки-кошечки. Сейчас все нормальные проекты собираются gulp/grunt/webpack/etc и юзают less/scss/etc.
В чем проблема?

В CSS нету миксинов/вложенности/циклов - в SASS есть.
Сборка спрайтов, autoprefixer.. Миллион аргументов в пользу препроцессоров и сборщиков.

Но нет, людям лень учить новые, для себя, технологии.

Я для таких целей всегда испольую mozilla developer network и caniuse.

<div class="result"> <!-- position: relative -->
 <div class="photo"></div> <!-- position: absolute, z-index: 10 -->
 <div class="shape"></div> <!-- position: absolute, z-index: 20 -->
</div>

promail.ma/envato/monitor/demo/layout2/js/main.js

masonry?