nirm.al

commit dff6ee84cb2b16ace8ede81761a99de479e6f159
parent f307ddff0697f069cba2fe5a91fd2c1d0b9dcdd9
Author: Nirmal Kumar R <nirmal@posteo.net>
Date:   Mon, 29 Jul 2024 00:11:11 +0530

Fix responsive style

Diffstat:
M
style.css
 | 
31
+++++++++++++++++++++++++++++++

1 file changed, 31 insertions(+), 0 deletions(-)
diff --git a/style.css b/style.css
@@ -104,3 +104,34 @@ footer {
 footer hr {
   margin-bottom: 1em;
 }
+
+@media screen and (max-width: 425px) {
+  body {
+    width: 100%;
+    max-width: none;
+  }
+
+  img {
+    width: 284px;
+    margin: 0 auto;
+  }
+
+  nav {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .home,
+  main,
+  .content-wrapper {
+    margin-left: 0;
+    width: 100%;
+    padding: 1em;
+  }
+
+  footer {
+    margin: 0 0 2em 0;
+    padding: 1em;
+    width: 100%;
+  }
+}