fix formatting on larger screens

Reported-by: Fiona Ebner
2024-12-30 13:24:29 +01:00 · 2024-12-30 13:24:29 +01:00 · 4b6d9c9db3
commit 4b6d9c9db3
parent e207326901
1 changed files with 242 additions and 233 deletions
--- a/index.html
+++ b/index.html
@ -138,7 +138,12 @@
    main {
      display: block;
      padding: max(env(safe-area-inset-left), 2rem);
+    }
+
+    footer > *,
+    main > * {
      max-width: 60rem;
+      margin: auto;
    }

    main {
@ -254,6 +259,7 @@
 </head>
 <body>
  <main>
+    <div>
      <h1>Shannon Sterz</h1>
      <p>
        Hello, I'm Shannon 👋 and I work at
@ -266,8 +272,10 @@
          </li>
        </ul>
      </p>
+    </div>
  </main>
  <footer>
+    <div>
      <p>Have a lovely day 💖.
      <details>
        <summary><p>Imprint/Impressum</p></summary>
@ -491,6 +499,7 @@
          -->
        </p>
      </details>
+    </div>
  </footer>
 </body>
 </html