В этом уроке вы научитесь добавлять изображения на сайт, настраивать их размер и расположение с помощью CSS. Разберём, как: 1) подключать картинки из папки static/images; 2) ограничивать ширину изображений (например, 300px) для предотвращения растяжения; 3) использовать max-width для адаптивного отображения; 4) добавлять отступы (margin) между элементами; 5) создавать контейнеры с рамками (border) и внутренними отступами (padding); 6) применять float для позиционирования элементов (например, изображение справа от текста); 7) использовать Flexbox для вертикального выравнивания изображений. Практический пример — оформление списка содержания с рамкой и отступами на странице Википедии.
