fix formatting on larger screens
Reported-by: Fiona Ebner
This commit is contained in:
parent
e207326901
commit
4b6d9c9db3
1 changed files with 242 additions and 233 deletions
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue