ADD: projects

components/Skills/Skills.css

@@ -8,14 +8,6 @@
         flex-wrap: wrap;
     }
 
-    & article {
-        padding: 2rem;
-        background: var(--color-black);
-        border-radius: 20px;
-        min-width: 300px;
-        flex: 1;
-    }
-
     & .bottom {
         align-items: center;
     }

components/Skills/Skills.vue

@@ -3,8 +3,9 @@
 <template>
   <section class="Skills content">
     <h2>Meine Expertise.</h2>
+    <h3>Dies sind meine <span class="highlight">Spezialgebiete</span> - aber ich bin flexibel!</h3>
     <div class="skills-wrapper margin-top default-gap">
-      <article class="z-2 flex-col default-gap" v-for="skill in skills">
+      <article class="z-2 card flex-col default-gap" v-for="skill in skills">
         <h3>{{skill.title}}</h3>
         <main>
           <p v-for="(t, i) in skill.text" :class="[i === skills.length - 1 && 'margin-top bold']">{{t}}</p>