Fixed issue with an overlap on mobile

KronemeyerJoshua · Jul 24, 2024 · 056084b · 056084b
1 parent 940f625
commit 056084b
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/Contact.vue b/src/components/Contact.vue
@@ -10,18 +10,18 @@ defineProps<{
 
 <template>
   <div class="row contact">
-    <div class="col">
+    <div class="col-4">
       <q-avatar size="20rem">
         <img src="@/assets/img/avatar_main.jpg" />
       </q-avatar>
     </div>
 
-    <div class="col-8 column q-pl-xl">
-      <div class="col-8">
+    <div class="col-8 q-pl-xl">
+      <div class="col-12">
         <p class="text-h4">About Me</p>
         <p>{{ about }}</p>
       </div>
-      <div class="col">
+      <div class="col-4">
         <p class="text-h4">Socials</p>
         <a :href="linkedin" class="q-pr-md"
           ><q-icon size="2rem" name="fa-brands fa-linkedin"></q-icon