ADD: projects

components/Intro/Intro.css

@@ -3,7 +3,6 @@
     background-repeat: no-repeat;
     display: grid;
     grid-template-columns: 1fr 1fr;
-    gap: 3rem;
 
     .intro-img {
         width: 750px;
@@ -21,22 +20,9 @@
 
     .intro-text {
         height: 100%;
-        display: flex;
         justify-content: center;
-        flex-direction: column;
         z-index: 1;
 
-        h2 {
-            display: flex;
-            flex-direction: column;
-        }
-
-        h3,
-        .fulltext,
-        .cta {
-            margin-top: 2rem;
-        }
-
         .fulltext {
             color: var(--color-white-transparent);
         }

components/Intro/Intro.vue

@@ -1,9 +1,9 @@
 <style scoped src="./Intro.css"/>
 
 <template>
-  <section id="intro" class="Intro content full">
-    <div class="intro-text">
-      <h2>
+  <section id="intro" class="Intro content full default-gap">
+    <div class="intro-text flex-col default-gap">
+      <h2 class="flex-col">
         <span class="greeting">Moin.</span>
         <span class="my-name-wrapper">Ich bin <span class="highlight">Fiona</span>.</span>
       </h2>