styles

Zhuxb-Clouds · Dec 26, 2024 · 7284544 · 7284544
1 parent 4231eb8
commit 7284544
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/components/Header/Header.module.css b/components/Header/Header.module.css
@@ -68,4 +68,9 @@
   bottom: -10px;
   transform: scale(0.75) translate(-10%, 5%);
   cursor: pointer;
+}
+@media screen and (max-width: 800px) {
+  .header{
+    padding-inline: 10%;
+  }
 }
diff --git a/components/layout/layout.module.css b/components/layout/layout.module.css
@@ -4,6 +4,7 @@
   top: 90px;
   /* padding-block-end: 100px; */
 }
+
 .body {
   width: 70%;
   max-width: 75ch;
@@ -12,3 +13,12 @@
   position: relative;
   padding-block-end: 100px;
 }
+
+@media screen and (max-width: 800px) {
+  .container {
+    top: 40px;
+  }
+  .body{
+    width: 85%;
+  }
+}
diff --git a/styles/post.css b/styles/post.css
@@ -87,7 +87,7 @@ p {
   text-wrap: pretty;
   line-height: 1.5;
   &>img {
-    width: 80%;
+    width: 100%;
     border: 1px solid var(--border-color);
     border-radius: 14px;
   }