Merge pull request #2 from Luke-Oldenburg/main

Fix margin/padding issues and add smooth scroll animation
polypixeldev · Jun 22, 2024 · 1ecc87c · 1ecc87c
2 parents 9b95da0 + d07f930
commit 1ecc87c
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -4,7 +4,7 @@ import "@fontsource/space-grotesk";
 import { YouTube } from "@astro-community/astro-embed-youtube";
 ---
 
-<html lang="en">
+<html lang="en" class="scroll-smooth">
   <head>
     <meta charset="utf-8" />
     <link rel="icon" type="image/png" href="/logo.png" />
@@ -28,12 +28,12 @@ import { YouTube } from "@astro-community/astro-embed-youtube";
     <title>TampaHacks</title>
   </head>
   <body
-    class="flex min-h-screen flex-col items-center justify-start bg-gradient-to-b from-black to-gray-700 px-10 py-20"
+    class="flex min-h-screen flex-col items-center justify-start bg-gradient-to-b from-black to-gray-700 px-10"
   >
     <img
       src="/logo.png"
       alt="TampaHacks logo"
-      class="aspect-square w-1/3 md:w-1/12"
+      class="mt-10 aspect-square w-1/3 md:w-1/12"
     />
     <h1 class="my-5 text-center font-mono text-6xl text-white">TampaHacks</h1>
     <p class="text-center text-2xl text-white">
@@ -85,7 +85,7 @@ import { YouTube } from "@astro-community/astro-embed-youtube";
         </p>
       </div>
       <div
-        class="w=full rounded-lg border-4 border-green-800 bg-green-600 px-10 py-5 md:w-2/3"
+        class="w-full rounded-lg border-4 border-green-800 bg-green-600 px-10 py-5 md:w-2/3"
       >
         <p class="pb-3 text-3xl font-bold text-white">do I need experience?</p>
         <p class="text-2xl text-white">
@@ -117,7 +117,7 @@ import { YouTube } from "@astro-community/astro-embed-youtube";
     </section>
 
     <footer
-      class="my-5 flex flex-col items-center justify-start px-10 text-center text-xl text-white"
+      class="my-5 flex flex-col items-center justify-start px-10 text-center text-2xl text-white"
     >
       <p class="w-full md:w-2/3">
         this website is open source! <a