Современный веб давно перестал быть «настольным». Сегодня сайты открываются на смартфонах, планшетах, ноутбуках, телевизорах и даже автомобилях. Чтобы интерфейс выглядел и работал корректно на любом устройстве, фронтенд-разработчик должен уверенно владеть медиа-запросами и медиa-функциями. В этой статье разберёмся, что такое медиа-функции, какие значения они принимают, чем отличаются width и device-width, как работает @media, зачем нужен viewport, и почему em — один из самых универсальных инструментов адаптивной вёрстки...