update css

baponkar · Jun 1, 2024 · 4cbf30c · 4cbf30c
1 parent c5989d6
commit 4cbf30c
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/css/style.css b/css/style.css
@@ -279,7 +279,30 @@ object {
   }
 
 
+/* Add media query for responsiveness */
+@media screen and (max-width: 1080px) {
+    .page-container {
+        max-width: 99%;
+		height: auto;
+		margin-left: 0.5%;
+		margin-right: 0.5%;
+		margin-top: 0.5%;
+		padding-left: 0.5%;
+		padding-right: 0.5%;
+		padding-bottom: 0.5%;
+		padding-top: 0.5%;
+		background-color: var(rgb(168, 39, 39));
+		border-radius: 5px;
+		border: 2px solid --secondary-color;
+		border-color: var(--accent-color);
+		box-sizing: border-box;
+		box-shadow: 5px 5px 5px var(--secondary-color);
+    }
 
+    #imageContainer {
+        height: 200px; /* Adjust height for smaller screens */
+    }
+}