Сегодня я поделюсь с вами одним трюком, с которым я столкнулся, работая с CSS. С его помощью можно динамически масштабировать любой HTML-элемент, а заодно устранить многие причины, по которым раньше приходилось писать медиа-запросы...

У веб-разработчика два врага: дедлайны и изображения. Хватит пытаться втиснуть картинку в макет! Вот 5 методов для полного контроля над графикой. 1) Быстрое решение: Легким движением руки изображение превращается... в элегантный фон! Все мы хоть раз пользовались этим читерским приемом, правда? Свойство background отлично работает, но помните, что использовать его следует только для изображений, не относящихся напрямую к контенту, и в некоторых особых случаях. 2)Решение из будущего: У тега <img> тоже существует одно чудесное свойство – object-fit...