added about text

src/routes/+layout.svelte

@@ -58,6 +58,6 @@
         </ul>
     {/key}
 </nav>
-<div class="text-center max-w-xl mx-auto">
+<div class="text-center md:max-w-md mx-auto sm:max-w-sm">
     <slot />
 </div>

src/routes/about/+page.svelte

@@ -1,2 +1,13 @@
-<h1 class="text-xl font-jose">Life is good in Copenhagen</h1>
-<h2>I live in Copenhagen with my partner and children.</h2>
+<script>
+    import migImg from "$lib/mig.jpg"
+</script>
+
+<h1 class="text-xl font-jose mb-4">Life is good in Copenhagen</h1>
+<div class="md:flex mb-4">
+    <p class="mb-4">I live in Copenhagen with my partner and children near the water. We love going on expeditions around the city in our cargo bike, or on my electrical skateboard.
+        When we're not outside I spend a lot of time fiddling around with my homelab, and development projects. You can read more about my projects here, and
+    </p>
+    <p> </p>
+    <img class="rounded-2xl ml-4 md:w-auto md:h-52 sm:w-full sm:h-auto" src={migImg} alt="crazy man"/>
+</div>
+<p>I work in recruitment, and I specialise in building product teams for start ups and scale ups for a small agency called <a href="https://www.adveniopeople.com">Advenio People</a></p>