From 3c6e25af7a39e7f38d18b006ffe70c5d56aa006b Mon Sep 17 00:00:00 2001
From: cupcakearmy <hi@nicco.io>
Date: Fri, 24 Jul 2020 15:36:56 +0200
Subject: [PATCH] mobile friendly

---
 src/components/Project.svelte | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/Project.svelte b/src/components/Project.svelte
index 94ef7b5..eedc8db 100644
--- a/src/components/Project.svelte
+++ b/src/components/Project.svelte
@@ -12,7 +12,10 @@
     display: flex;
     flex-direction: row;
     justify-content: space-between;
-    align-items: baseline;
+  }
+
+  .date {
+    align-self: flex-end;
   }
 
   section {
@@ -22,16 +25,20 @@
   ion-icon {
     transform: translateY(0.25em);
   }
+
+  @media (max-width: 30em) {
+    div {
+      flex-direction: column;
+    }
+  }
 </style>
 
 <section>
-  <div>
-    <h2>{project.name}</h2>
-  </div>
+  <h2>{project.name}</h2>
 
   <div>
     <b>{project.title}</b>
-    <b>{project.date}</b>
+    <b class="date">{project.date}</b>
   </div>
 
   <p>{project.body}</p>