diff --git a/static/css/custom.css b/static/css/custom.css new file mode 100644 index 0000000..4c0aeb8 --- /dev/null +++ b/static/css/custom.css @@ -0,0 +1,32 @@ +/* Ограничение максимального размера всех изображений */ +main img { + max-width: 100%; + height: auto; + display: block; + margin: 20px auto; + border-radius: 4px; + box-shadow: 0 2px 8px rgba(0,0,0,0.1); +} + +/* Специальные классы для управления размером */ +.img-left { + float: left; + max-width: 300px; + margin: 0 20px 20px 0; +} + +.img-right { + float: right; + max-width: 300px; + margin: 0 0 20px 20px; +} + +.img-center { + max-width: 500px; + margin: 20px auto; +} + +.img-thumbnail { + max-width: 150px; + border: 2px solid #ddd; +} \ No newline at end of file