From 08774dd6f47e9b44fec5b33487505132eb9eba2a Mon Sep 17 00:00:00 2001 From: partisan Date: Mon, 9 Sep 2024 20:55:45 +0200 Subject: [PATCH] smaller images/vids for blog --- static/css/blog.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/static/css/blog.css b/static/css/blog.css index 34f639b..e1d315c 100644 --- a/static/css/blog.css +++ b/static/css/blog.css @@ -1,12 +1,13 @@ /* Global settings for images and videos */ img, video { display: block; - width: 100%; + width: 85%; + height: auto; + margin: 20px auto; /* Centers the image/video horizontally and adds space above and below */ border-radius: 10px; /* Add rounded corners */ - margin-top: 20px; /* Add space above the image */ - margin-bottom: 20px; /* Add space below the image */ } + /* Exclude images inside the .icons class from global settings */ ul.icons img { display: inline; /* Override display: block */