From be3fcd8f9313c05ae1fd4293b1f4dbeb2b23c9c8 Mon Sep 17 00:00:00 2001
From: Kyren223 <Kyren223@proton.me>
Date: Fri, 3 Jan 2025 11:29:39 +0200
Subject: Fixed index and skills

---
 src/pages/index.astro  |  8 ++++----
 src/pages/skills.astro | 10 +++++-----
 2 files changed, 9 insertions(+), 9 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/index.astro b/src/pages/index.astro
index c09609f..816bd91 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -36,7 +36,7 @@ watching Anime or solving Rubik's cubes fast.`.trimStart();
     <div id="content">
         <div id="left" class="column">
             <TerminalBorder header="Profile">
-                <div class="flex items-center space-x-[1vw] h-[10vw]">
+                <div class="flex items-center space-x-[1.25vw] h-[9.5vw]">
                     <img
                         src="favicon.svg"
                         alt="picture"
@@ -83,7 +83,7 @@ watching Anime or solving Rubik's cubes fast.`.trimStart();
             <div class="w-[334%]">
                 <TerminalBorder header="SSH Key">
                     <div
-                        class="sshKeyCopy w-[100%] flex items-center space-x-2 group"
+                        class="sshKeyCopy w-[100%] flex items-center group"
                     >
                         <span
                             id="sshKey"
@@ -117,7 +117,7 @@ watching Anime or solving Rubik's cubes fast.`.trimStart();
                     </Link> | Learning Golang & Backend | Available for hire
                 </p>
             </TerminalBorder>
-            <TerminalBorder header="About Me" margin="2em 0">
+            <TerminalBorder header="About Me" margin="2.5vw 0">
                 <p>{aboutMe}</p>
             </TerminalBorder>
             <BlogItem
@@ -176,7 +176,7 @@ watching Anime or solving Rubik's cubes fast.`.trimStart();
 
 <style>
     #content {
-        margin-top: 0.625vw;
+        margin-top: 1.5vw;
         display: flex;
         justify-content: space-between;
     }
diff --git a/src/pages/skills.astro b/src/pages/skills.astro
index e5a9276..778b3f1 100644
--- a/src/pages/skills.astro
+++ b/src/pages/skills.astro
@@ -21,22 +21,22 @@ const frameworks = ["Spigot API", "Bubbletea", "Astro"];
     <div class="flex">
         <div class="w-[60%] flex-column items-center">
             <TerminalBorder header="Languages">
-                <div class="grid md:grid-cols-3 items-center gap-x-8">
+                <div class="grid grid-cols-3 items-center gap-x-[0.625vw]">
                     {langs.map((lang) => <p>{lang}</p>)}
                 </div>
             </TerminalBorder>
-            <TerminalBorder header="Frameworks" margin="30px 0">
-                <div class="grid md:grid-cols-1 items-center gap-x-8">
+            <TerminalBorder header="Frameworks" margin="2.25vw 0">
+                <div class="grid grid-cols-1 items-center gap-x-[0.625vw]">
                     {frameworks.map((framework) => <p>{framework}</p>)}
                 </div>
             </TerminalBorder>
             <TerminalBorder header="Tools">
-                <div class="grid md:grid-cols-1 items-center gap-x-8">
+                <div class="grid grid-cols-1 items-center gap-x-[0.625vw]">
                     {tools.map((tool) => <p>{tool}</p>)}
                 </div>
             </TerminalBorder>
         </div>
-        <div class="w-[40%] pl-4">
+        <div class="w-[40%] pl-[1.25vw]">
             <RadarChart max={max} data={data} />
         </div>
     </div>
-- 
cgit v1.3.1