Вы ведь знаете, что сайт можно просматривать с разных устройств? Все блоки должны перестраиваться, а содержимое подстраиваться. Но что делать с картинками, если на мобильном устройстве они изменяются? Конечно можно подключать несколько вариантов и скрывать с помощью стилей, но это не лучшее решение. В видео разберем как загружать новые картинки на разных устройствах.

Дополнительные материалы: webref.ru/html/picture
developer.mozilla.org/ru/docs/Web/HTML/Element/picture

Ссылка на макет: www.figma.com/file/lFqXrgfJRmKsiF9wl9omlI/Portfolio
Чат в телеграм — t.me/joinchat/CJJ7_BROjQewexDwnr9Rpg

0:00 — Введение
0:33 — Смотрим макет первой страницы
0:59 — Почему бы просто не обрезать?
1:37 — Добавляем тег picture
2:49 — Как это работает?
3:03 — Стилизуем блок картинки
3:44 — Выводы

Сайт компании — napoleonit.ru/
Записаться на другие курсы — napoleonit.ru/schools.html
Мы ВКонтакте — vk.com/napoleonit_school
Instagram — instagram.com/napoleonit_school
Детские курсы — junior.napoleonit.ru/