[Sync] I forgor

src/comps/timeline/timelineItem.svelte

@@ -10,23 +10,29 @@
     export let desc: string = "null";
 </script>
 
-<div class="relativeGrow flexStart">
+<div class="flexStart timelineItemContainer" style="overflow: auto;">
+    <dir class="DateText">{date}</dir>
+    <div class="ItemStrip"/>
+    <div class="noPadding">
+        <div class="title">{title}</div>
+        <div class="bodyText">{desc}</div>
 
-    <div class="ItemStrip centralize"/>
-    <span class="title">{title}</span>
+    </div>
     {#if imagePath !== "null"}
-        <Img src={imagePath}/>
+        <img src={imagePath} alt="nothing"/>
     {/if}
 </div>
 
 <style>
-    .relativeGrow{
-        position: relative;
 
-        width: 100%;
-        height: 100%;
+    .timelineItemContainer{
+        column-gap: 20px;
+
+        margin-top: 10px;
     }
 
+    .noPadding{padding: 0;}
+
     .flexStart{
         display: flex;
         justify-content: start;
@@ -34,20 +40,30 @@
 
     .title {
         font-size: 2.5rem;
+
+        margin-bottom: 1rem;
+
+        display: flex;
+        align-content: center;
+    }
+
+    .bodyText{
+        font-size: 1rem;
+    }
+
+    .DateText{
         margin: 0;
+
+        display: flex;
+        align-self: flex-start;
     }
 
     .ItemStrip{
         width: 0.5vw;
-        height: 90%;
+        display: inline-flex;
 
         position: relative;
 
         background-color: white;
     }
-
-    .centralize{
-        display: grid;
-        justify-content: center;
-    }
 </style>