From a198df90168c772ed25c2d9def1c6ab78c370acf Mon Sep 17 00:00:00 2001
From: JohnCosta27 <johncosta027@gmail.com>
Date: Thu, 14 Apr 2022 16:33:16 +0100
Subject: [PATCH] further work on the experience component

---
 src/components/sections/Experience.jsx | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/components/sections/Experience.jsx b/src/components/sections/Experience.jsx
index fc85d4a..f77b8bf 100644
--- a/src/components/sections/Experience.jsx
+++ b/src/components/sections/Experience.jsx
@@ -13,18 +13,18 @@ const Experience = () => {
       <div className="w-full flex justify-center px-4">
         <div className="w-full max-w-7xl flex bg-polar-night-400 py-4 rounded-md">
           <div className="w-12 flex flex-col justify-between items-center h-96 relative">
-            <div className="w-4 h-8 flex justify-center items-center">
+            <div className="w-8 h-8 flex justify-center items-center">
+              <div className="w-4 h-4 bg-frost-200 rounded-full z-20 hover:w-6 hover:h-6 transition-all"></div>
+            </div>
+            <div className="w-8 h-8 flex justify-center items-center">
               <div className="w-4 h-4 bg-frost-200 rounded-full z-20"></div>
             </div>
-            <div className="w-4 h-8 flex justify-center items-center">
-              <div className="w-4 h-4 bg-frost-200 rounded-full z-20"></div>
-            </div>
-            <div className="w-4 h-8 flex justify-center items-center">
+            <div className="w-8 h-8 flex justify-center items-center">
               <div className="w-4 h-4 bg-frost-200 rounded-full z-20"></div>
             </div>
             <div className="w-1 h-full bg-blue-500 absolute rounded-full"></div>
           </div>
-          <div className="w-full h-full flex flex-col justify-between">
+          <div className="w-24 h-full flex flex-col justify-between">
             <div className="h-8 flex items-center">
               <p className="text-md text-snow-storm-300">14/04/2022</p>
             </div>
@@ -35,6 +35,15 @@ const Experience = () => {
               <p className="text-md text-snow-storm-300">14/04/2022</p>
             </div>
           </div>
+          <div className="w-full h-full p-4 flex flex-col items-center gap-2">
+            <h1 className="text-2xl text-snow-storm-100">Hello World</h1>
+            <p className="text-md text-snow-storm-100">
+              Dolor sit est sint quis labore culpa. Eiusmod tempor elit amet culpa ad enim nisi
+              consequat duis consequat commodo eu quis id. Nostrud ut consectetur ut occaecat. Dolor
+              sit est sint quis labore culpa. Eiusmod tempor elit amet culpa ad enim nisi Dolor sit
+              est sint quis labore culpa. Eiusmod tempor elit amet culpa ad enim nisi
+            </p>
+          </div>
         </div>
       </div>
     </div>