a bit of formatting

src/components/Card.astro

@@ -13,7 +13,7 @@ const { href, title, body, source, alt } = Astro.props;
 <li class="link-card">
   <a href={href} class="informational">
     <h2>
-      <img src={source} width="24" height="24" alt={alt}/>
+      <img src={source} width="24" height="24" alt={alt} />
       {title}
       <span>&rarr;</span>
     </h2>

src/components/Head.astro

@@ -1,10 +1,9 @@
 ---
+---
 
----
-
-    <meta charset="UTF-8" />
-    <meta name="description" content="Personal website of LimePotato">
-    <meta name="viewport" content="width=device-width" />
-    <meta name="generator" content={Astro.generator} />
-    <link rel="stylesheet" href="/css/mystyle.css">
-    <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
+<meta charset="UTF-8" />
+<meta name="description" content="Personal website of LimePotato" />
+<meta name="viewport" content="width=device-width" />
+<meta name="generator" content={Astro.generator} />
+<link rel="stylesheet" href="/css/mystyle.css" />
+<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />

src/components/Header.astro

@@ -2,7 +2,7 @@
 ---
 
 <center>
-<nav class="navbar" role="navigation" aria-label="main navigation" >
+  <nav class="navbar" role="navigation" aria-label="main navigation">
     <div class="navbar-brand">
       <a
         role="button"
@@ -18,7 +18,6 @@
     </div>
     <div class="navbar-menu" id="navMenu">
       <div class="navbar-start">
-
         <a class="navbar-item" href="/">
           <span class="text-gradient">LimePot</span>
         </a>
@@ -32,8 +31,8 @@
         </a>
       </div>
     </div>
-</nav>
-<div class="navbar-end">
+  </nav>
+  <div class="navbar-end">
     <!-- 
         <a class="navbar-item" href="https://ko-fi.com/limepot">
           <img src="/assets/other-branding/ko-fi-button-red.png">
@@ -44,9 +43,9 @@
     Lets act like its the 90s
   </a>
   -->
-</div>
-<!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
-<script>
+  </div>
+  <!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
+  <script>
     document.addEventListener("DOMContentLoaded", () => {
       // Get all "navbar-burger" elements
       const $navbarBurgers = Array.prototype.slice.call(
@@ -67,6 +66,6 @@
         });
       });
     });
-</script>
+  </script>
 </center>
 <!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->