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 */