From 5eddf8dcbcfd9cf5cbad9727de1a351230b2eb36 Mon Sep 17 00:00:00 2001
From: Shraddha <ShraddhaRaghuram@student.tudelft.nl>
Date: Wed, 25 Sep 2024 14:15:51 +0200
Subject: [PATCH] adjust image
---
static/page.css | 16 ++++++++--------
1 file changed, 8 insertions(+), 8 deletions(-)
diff --git a/static/page.css b/static/page.css
index f714a11..1442e75 100644
--- a/static/page.css
+++ b/static/page.css
@@ -366,17 +366,17 @@ body{
object-fit: contain;
} */
.img-pagestyle {
- margin: 10px 0; /* Reduce space between image and text */
- width: 80%; /* Keep the width as per your preference */
- height: auto; /* Let the height adjust automatically */
- overflow: hidden;
- padding: 0; /* Ensure no padding around the image */
+ display: flex;
+ justify-content: center; /* Center the image horizontally */
+ margin-top: 10px; /* Reduce the margin at the top */
+ margin-bottom: 0; /* Eliminate any extra space at the bottom */
+ width: 100%; /* Ensure the container takes the full width */
}
.img-pagestyle img {
- width: 100%;
- height: auto;
- object-fit: contain; /* Maintain aspect ratio */
+ width: 80%; /* Adjust the width of the image */
+ height: auto; /* Maintain the aspect ratio */
+ object-fit: contain; /* Ensure the image is fully contained within the space */
}
.pagecontent p {
margin-top: 20px;
--
GitLab