Update package version and adjust grid spacing

package.json

@@ -1,7 +1,7 @@
 {
   "name": "atom",
   "description": "Modern free Tailwind CSS, Astro landing page template for startups | built with Tailus Themer",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "private": false,
   "type": "module",
   "scripts": {

src/components/BentoGrid.astro

@@ -6,7 +6,7 @@ import {softGradientVariant as card} from "@tailus/themer-card"
 
 <section>
     <Container>
-        <div class="overflow-auto space-y-4 sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:space-y-0 sm:gap-4">
+        <div class="space-y-4 sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:space-y-0 sm:gap-4">
             <div class={cn(card.outer)}>
                 <div class={cn(card.inner, "flex flex-col justify-between h-full")}>
                     <div>

src/components/CallToAction.astro

@@ -5,7 +5,7 @@ import { cn } from "@lib/utils"
 import {button} from "@tailus/themer-button"
 ---
 
-<div class="relative oveverflow-hidden">
+<div class="relative">
   <div
         aria-hidden
         class="opacity-0 dark:opacity-35 absolute [background-image:radial-gradient(theme(colors.gray.500),transparent_50%)] top-0 w-[1000px] z-10 h-[800px] left-1/2 -translate-x-1/2 -translate-y-1/3 pointer-events-none"

src/pages/index.astro

@@ -10,7 +10,7 @@ import AboutSection from '@components/AboutSection.astro';
 ---
 
 <Layout title="Welcome to Astrolus.">
-	<main class="space-y-32 mb-40">
+	<main class="space-y-16 sm:space-y-28 lg:space-y-32 pb-40 overflow-hidden">
 		<HeroSection/>
 		<AboutSection />
 		<BentoGrid />