about me section

2026-05-03 21:48:18 +00:00 · 2023-09-01 15:19:35 +02:00
parent 680d82a356
commit 5b0ba8c286
11 changed files with 122 additions and 10 deletions
@@ -0,0 +1,37 @@
+import { styled } from 'styled-components';
+
+export const StyledAbout = styled.section`
+  img {
+    max-width: 120px;
+  }
+`;
+
+export const StyledAboutItem = styled.div`
+  h2 {
+    position: relative;
+    display: inline-block;
+    transform: translate(20px, -15px);
+    margin: 0;
+
+    &::before,
+    &::after {
+      content: '';
+      position: absolute;
+      top: 50%;
+      height: 4px;
+      background-color: ${({ theme }) => theme.colors.primary};
+    }
+
+    &::before {
+      right: 100%;
+      transform: translate(0, 15px);
+      width: 30px;
+    }
+
+    &::after {
+      left: 0;
+      width: calc(100% + 5px);
+      transform: translate(-5px, 15px);
+    }
+  }
+`;