fix formatting on larger screens

Reported-by: Fiona Ebner
This commit is contained in:
Shannon Sterz 2024-12-30 13:24:29 +01:00
parent e207326901
commit 4b6d9c9db3

View file

@ -138,7 +138,12 @@
main { main {
display: block; display: block;
padding: max(env(safe-area-inset-left), 2rem); padding: max(env(safe-area-inset-left), 2rem);
}
footer > *,
main > * {
max-width: 60rem; max-width: 60rem;
margin: auto;
} }
main { main {
@ -254,6 +259,7 @@
</head> </head>
<body> <body>
<main> <main>
<div>
<h1>Shannon Sterz</h1> <h1>Shannon Sterz</h1>
<p> <p>
Hello, I'm Shannon 👋 and I work at Hello, I'm Shannon 👋 and I work at
@ -266,8 +272,10 @@
</li> </li>
</ul> </ul>
</p> </p>
</div>
</main> </main>
<footer> <footer>
<div>
<p>Have a lovely day 💖. <p>Have a lovely day 💖.
<details> <details>
<summary><p>Imprint/Impressum</p></summary> <summary><p>Imprint/Impressum</p></summary>
@ -491,6 +499,7 @@
--> -->
</p> </p>
</details> </details>
</div>
</footer> </footer>
</body> </body>
</html </html