diff --git a/src/app.css b/src/app.css index 761d95f..8b7aad3 100644 --- a/src/app.css +++ b/src/app.css @@ -19,15 +19,6 @@ body { padding: 0; } -main { - max-width: 1200px; - margin: 0 auto; - margin-bottom: 100px; - display: flex; - flex-direction: column; - align-items: center; -} - code, pre { font-family: var(--font-monospace); } @@ -47,4 +38,19 @@ a:hover { background-color: rgb(30,31,31); color: #eee; } +} + +html, body { + height: 100%; +} +body { + display: flex; + flex-direction: column; + align-items: center; +} +body > main { + flex: 1 0 auto; +} +body > footer { + flex-shrink: 0; } \ No newline at end of file diff --git a/src/app.html b/src/app.html index 7c93443..8f5c933 100644 --- a/src/app.html +++ b/src/app.html @@ -8,6 +8,6 @@ %svelte.head%
-