diff options
| author | Kyren223 <Kyren223@proton.me> | 2025-01-03 11:29:39 +0200 |
|---|---|---|
| committer | Kyren223 <Kyren223@proton.me> | 2025-01-03 11:29:39 +0200 |
| commit | be3fcd8f9313c05ae1fd4293b1f4dbeb2b23c9c8 (patch) | |
| tree | 1522585be51a87040726467017db763d331c694b /src/pages | |
| parent | 6e5321a779b533e8d4949181eecd1b9cf1f0973f (diff) | |
Fixed index and skills
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/index.astro | 8 | ||||
| -rw-r--r-- | src/pages/skills.astro | 10 |
2 files changed, 9 insertions, 9 deletions
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> |