а с чего он children то? если это siblings. тобишь ты далешь hover на .year - а внутри него нет ничего. только рядом есть .info, рядом. а не внутри .year https://jsfiddle.net/5snj8a75/3/
transition на display не работает, а на height надо задавать точную высоту, а не auto. так что либо делай через js. либо оперируй через max-height. сначала 0, потом 1000px к примеру
вряд ли проблема в Browsersync. даже если ты его установила с флагом -g. он работает только если ты его запускаешь из консоли. в другое время он не работает и ничем не может помешать. ищи проблему в другом месте.
p.s. но если очень надо, то npm uninstall browser-sync
нормальные заказчики не отпускают верстальщика, пока бекендер не просмотрит финальный вариант верстки и не огласит список правок.
допустим верстальщик добавил изображения как backgroud через css. и как в таком случае бэкэнд-программист должен полученное изображение (а точнее путь к нему) поместить в CSS-код
удалить из css и прописать блоку напрямую через style="background: url();"
1) другие инструменты появились относительно недавно.
2) привычка
3) не только дизайнер решает на чем нужно выдать окончательный макет. (последнее слово далеко не за дизайнером)
