adjusted bottom margin of footer; images on projects page now shrink on mobile

2026-01-23 14:19:20 +01:00
parent 6c28a4c5f3
commit ae5e284032
19 changed files with 67 additions and 28 deletions
--- a/src/lib/viewport/content-sidebar.svelte
+++ b/src/lib/viewport/content-sidebar.svelte
@@ -0,0 +1,33 @@
+<div class="content">
+    <div class="side">
+        <slot name="side-left" />
+    </div>
+    <div class="main">
+        <slot name="main" />
+    </div>
+</div>
+
+<style>
+    .content {
+        max-width: 2000px;
+        margin: 0 auto;
+        display: flex;
+        flex-direction: row;
+        padding: 0 24px;
+    }
+    .side {
+        min-width: 400px;
+    }
+
+    @media screen and (max-width: 800px) {
+        .content {
+            padding: 0 8px;
+            flex-direction: column;
+        }
+
+        .side {
+            min-width: 0;
+            width: 100%;
+        }
+    }
+</style>