HTML-элемент picture: разбор [ Изображения в вебе, часть 3 ]

Элемент picture немного отличается от большинства HTML-элементов по принципу работы. Он имеет некоторое сходство с элементами video и audio , поскольку позволяет использовать разные источники, а также атрибут srcset, который позволяет каждому источнику иметь несколько источников... что несколько странно. Это мощный элемент, открывающий возможности для интересного художественного оформления, изменяя изображения в зависимости от размера экрана устройства. Это может быть действительно полезно: большое изображение для больших экранов, более обрезанное для средних экранов и меньшее для мобильных устройств. Если вы еще не смотрели первую часть, где я рассматриваю атрибут srcset, я настоятельно рекомендую это сделать:    • srcset and sizes attributes - [ images on ...   //// Ссылки Файлы из этого видео (начальная и конечная версии): https://github.com/kevin-powell/the-p... --- У меня есть рассылка! https://www.kevinpowell.co/newsletter Впервые работаете с Sass или хотите улучшить свои навыки? У меня есть курс специально для вас: https://www.kevinpowell.co/learn-sass --- Мой редактор кода: VS Code - https://code.visualstudio.com/ Как обновляется мой браузер при сохранении:    • How to automatically refresh your browser ...   --- Поддержите меня на Patreon:   / kevinpowell   Я также присутствую на других платформах в интернете! Если вы хотите увидеть закулисные моменты и анонсы того, что будет на моем YouTube-канале, обязательно подпишитесь на меня в Instagram и Twitter. Instagram:   / kevinpowell.co   Twitter:   / kevinjpowell   Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell