projects section

src/components/styles/About.styled.ts

@@ -6,13 +6,13 @@ export const StyledAbout = styled.section`
   }
 `;
 
-export const StyledAboutItem = styled.div`
+export const StyledAboutItem = styled.li`
   display: flex;
   justify-content: flex-start;
 
   gap: 1em;
-
   margin-top: 50px;
+
   h2 {
     margin: 0;
   }
@@ -24,13 +24,15 @@ export const StyledAboutImageWrapper = styled.div`
 
   &::before {
     position: absolute;
+    top: -25px;
+    left: 50%;
+    height: calc(100% + 52px);
+    
     content: '';
-    height: calc(100% + 100px);
     width: 5px;
     background-color: ${({ theme }) => theme.colors.primary};
+    border-radius: 2px;
 
-    top: 50px;
-    left: 50%;
     z-index: -1;
     transform: translateX(-50%);
   }