Fix responsive style

2024-07-29 00:11:11 +05:30
parent f307ddff06
commit dff6ee84cb
1 changed files with 31 additions and 0 deletions
@@ -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%;
+  }
+}