From a58e2c893c738b5e50b8dcefd0a4b316300156b7 Mon Sep 17 00:00:00 2001
From: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
Date: Sat, 9 Dec 2023 17:28:02 +0100
Subject: [PATCH] :lipstick: fixing styling on frontpage, footer & header

---
 src/components/Footer.astro | 2 +-
 src/components/Header.astro | 2 +-
 src/pages/index.astro       | 8 ++------
 3 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index c905733..bfc3e95 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -2,6 +2,6 @@
 const today = new Date();
 ---
 
-<footer class="flex justify-center w-full py-5 fixed bottom-0 footerbg">
+<footer class="flex justify-center py-5 footerbg">
 	{today.getFullYear()} &copy; Sindre Kjelsrud.
 </footer>
\ No newline at end of file
diff --git a/src/components/Header.astro b/src/components/Header.astro
index caf73c2..0779abc 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -11,7 +11,7 @@ import ThemeIcon from './ThemeIcon.astro';
 		</a>
 		<ThemeIcon />
 	</div>
-	<nav class="flex gap-4">
+	<nav class="flex gap-2">
 		<HeaderLink href="/about">about</HeaderLink>
 		<HeaderLink href="#">projects</HeaderLink>
 		<HeaderLink href="#">resume</HeaderLink>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index c5d0cd9..3fea66c 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,8 +1,4 @@
 ---
-import BaseHead from '../components/BaseHead.astro';
-import Header from '../components/Header.astro';
-import Footer from '../components/Footer.astro';
-import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
 import SectionContainer from '../components/SectionContainer.astro';
 ---
 <script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
@@ -11,8 +7,8 @@ import SectionContainer from '../components/SectionContainer.astro';
 <script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
 
 <SectionContainer>
-	<main class="flex flex-col justify-center items-center h-screen gap-4 description">
-		<div class="profile"></div>
+	<main class="flex flex-col flex-1 justify-center items-center gap-4 description">
+		<div class="profile"></div> <!-- Image -->
 		<h1 class="text-3xl font-bold">Sindre Kjelsrud</h1>
 		<p>Student at Western University of Applied Sciences.</p>
 		<div class="flex gap-1 social">