add margins

Author: Dekoder-py

src/pages/About.tsx

@@ -40,7 +40,7 @@ export default function About() {
   return (
     <div
       id="about"
-      className="h-screen flex flex-col items-center justify-center text-center space-y-8"
+      className="h-screen flex flex-col items-center justify-center text-center space-y-8 mx-4"
     >
       <h2 className="text-2xl font-bold">About Me</h2>
       <p>

src/pages/MySetup.tsx

@@ -47,7 +47,7 @@ export default function MySetup() {
   return (
     <div
       id="my-setup"
-      className="min-h-screen flex flex-col items-center justify-center text-center space-y-8"
+      className="min-h-screen flex flex-col items-center justify-center text-center space-y-8 mx-4"
     >
       <h1 className="text-3xl font-bold pt-10">My Setup</h1>
       <GearGrid gearItems={MyGear} />

src/pages/Projects.tsx

@@ -59,7 +59,7 @@ export default function Projects() {
   return (
     <div
       id="projects"
-      className="min-h-screen flex flex-col items-center justify-center text-center space-y-8"
+      className="min-h-screen flex flex-col items-center justify-center text-center space-y-8 mx-4"
     >
       <h2 className="pt-10 text-2xl font-bold">Things I've Made</h2>
       <ProjectsGrid projects={projects} />