From 57a50a581062db49630d1e1076066ec5551c622b Mon Sep 17 00:00:00 2001
From: Xeovalyte <me+gitea@xeovalyte.dev>
Date: Sat, 11 Feb 2023 18:22:23 +0100
Subject: [PATCH] responsive design

---
 components/About.vue   | 2 +-
 components/Heading.vue | 2 +-
 pages/index.vue        | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/About.vue b/components/About.vue
index a154dc9..a871c58 100644
--- a/components/About.vue
+++ b/components/About.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="flex h-screen snap-center items-center justify-center">
     <div
-      class="my-40 flex w-full max-w-xl flex-wrap items-center justify-center gap-5 whitespace-pre-wrap text-lg text-primary-500"
+      class="my-40 mx-3 flex w-full max-w-xl flex-wrap items-center justify-center gap-5 whitespace-pre-wrap text-lg text-primary-500"
     >
       <h2
         v-animate="{ preset: 'slide-right', duration: 500 }"
diff --git a/components/Heading.vue b/components/Heading.vue
index 754dfe9..1db164e 100644
--- a/components/Heading.vue
+++ b/components/Heading.vue
@@ -14,7 +14,7 @@
       <div class="space-y-2">
         <h1
           v-animate="{ preset: 'slide-up', delay: 450 }"
-          class="text-7xl font-bold"
+          class="sm:text-7xl text-6xl font-bold"
         >
           Xeovalyte
         </h1>
diff --git a/pages/index.vue b/pages/index.vue
index 48a7f2f..05cb0ec 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="h-screen snap-y snap-mandatory overflow-y-auto bg-dark-200">
+  <div class="h-screen snap-y snap-mandatory overflow-y-auto overflow-x-hidden bg-dark-200">
     <Heading />
     <About />
     <Skills />