From dff6ee84cb2b16ace8ede81761a99de479e6f159 Mon Sep 17 00:00:00 2001
From: Nirmal Kumar R <nirmal@posteo.net>
Date: Mon, 29 Jul 2024 00:11:11 +0530
Subject: [PATCH] Fix responsive style

---
 style.css | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/style.css b/style.css
index 412f8f7..72c3b68 100644
--- 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%;
+  }
+}