set experiences section responsive

2025-09-21 18:13:00 +02:00
parent a706f065a7
commit 028f7f5b89
3 changed files with 41 additions and 5 deletions
@@ -7,7 +7,7 @@
 }

 .experiences-container {
-    width: 50%;
+    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
@@ -23,3 +23,15 @@
    height: 100%;
    background-color: rgba(176, 176, 176, 0.2);
 }
+
+@media (max-width: 768px) {
+    .experiences-container {
+        width: 90%;
+        align-items: flex-start;
+        margin-right: 20px;
+    }
+
+    .experiences-container::before {
+        left: 20px;
+    }
+}