Fixed height and navbar issues

src/components/Nav.astro

@@ -26,11 +26,10 @@ const directories = ["skills", "projects", "blogs"];
     nav {
         font-weight: 300;
         display: flex;
-        flex-wrap: wrap;
         justify-content: space-between;
         border: 1.5px var(--alt);
         border-style: solid;
-        margin-bottom: 0.75rem;
+        margin-bottom: 1.25rem;
         padding: 0.75rem;
     }
     #nav-links a {

src/pages/skills.astro

@@ -28,7 +28,7 @@ const frameworks = [
 
 <Terminal path="skills">
     <div class="flex">
-        <div class="w-[60%] flex-column items-center pt-4">
+        <div class="w-[60%] flex-column items-center ">
             <TerminalBorder header="Languages">
                 <div class="grid md:grid-cols-3 items-center gap-x-8">
                     {langs.map((lang) => <p>{lang}</p>)}

src/styles/terminal.css

@@ -38,7 +38,7 @@ body {
 }
 
 main {
-  display: grid;
+  display: block;
   position: absolute;
   top: 50%;
   left: 50%;
@@ -49,9 +49,9 @@ main {
   background: var(--background);
   padding: 1.75rem;
   width: 55rem;
-  height: 75%;
+  height: 77%;
   max-width: 75%;
-  max-height: 75%;
+  max-height: 80%;
   overflow: hidden;
 }