style: fix hardcoded widths to make preservation site responsive on mobile

2026-06-01 02:26:55 +00:00
parent cafdbfd35a
commit 0192cbf871
1 changed files with 9 additions and 3 deletions
@@ -55,11 +55,16 @@
        color: #333;
      }
      header {
-        width: 640px;
+        max-width: 640px;
+        width: 100%;
+        box-sizing: border-box;
        margin: auto;
      }
      section {
-        width: 640px;
+        max-width: 640px;
+        width: 100%;
+        box-sizing: border-box;
+        padding: 0 15px;
        margin: auto;
      }
      section p {
@@ -69,7 +74,8 @@
        color: #333;
      }
      section img {
-        max-width: 640px;
+        max-width: 100%;
+        height: auto;
      }
      footer {
        padding: 0 20px;