Адаптивные изображения. Практические прийомы верстки картинок. CSS object-fit HTML picture. Продолжаем изучать работу с изображениями и сегодня поговорим о важной теме - адаптив изображений. Изучим CSS свойства object-fit и object-position и HTML теги picture и source. Рассмотрим практические примеры правильного адаптива картинок в разных ситуациях.

💪 Файлы урока - http://fls.guru/files/tutorials/images.zip

👉 Форматы изображений для веб-разработки - https://youtu.be/YHV35GiXA-w
👉 Урок CSS background - https://www.youtube.com/watch?v=8sHgyURhAkM
👉 Шпагралка CSS background - http://fls.guru/cssbackground.html
👉 Метод "IBG" - http://fls.guru/ibg.html
👉 Справочник типов файлов - https://ru.wikipedia.org/wiki/%D0%A1%D0%BF%D0%B8%D1%81%D0%BE%D0%BA_MIME-%D1%82%D0%B8%D0%BF%D0%BE%D0%B2

Содержание:
00:00 - Вступление
01:10 - Метод max-width
06:23 - CSS object-fit и object-position
14:13 - HTML тег picture

🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
🔴 Telegram канал: h…

CSS свойство  order определяет порядок, используемый для размещения flex элементов в их flex контейнере. Элементы располагаются в восходящем порядке по значению order. Элементы с одинаковым значением order  располагаются в том порядке, в каком они находятся в исходном коде.