Merge pull request #11 from SamIsTheFBI/fix-programs-margin

fix: add auto margins
sourceguidehq · Jan 15, 2024 · 8efd6d4 · 8efd6d4
2 parents b74c5ea + 9943021
commit 8efd6d4
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/app/programs/page.tsx b/app/programs/page.tsx
@@ -29,19 +29,19 @@ export default function program() {
   };
 
   return (
-      <div>
-          <section className="mx-4 ">
+      <div className="flex">
+          <section className="mx-auto">
               <div className="container flex flex-col items-center gap-4 text-center">
                   <h1 className="tracking-tight font-semibold text-2xl sm:text-5xl md:text-6xl lg:text-5xl mb-4 dark:text-white">
                       Opensource Programs List
                   </h1>
                   <p className="max-w-[42rem] leading-normal dark:text-white text-muted-foreground sm:text-xl sm:leading-8">
                       Discover a curated collection of diverse open source programs. Filter based on stipend availability and find opportunities that match your interests and skills.
                   </p>
-              </div>
               <Filter onFilterChange={handleFilterChange} />
-          </section>
           <Programs filter_option={filterOption} />
+              </div>
+          </section>
       </div>
   );
 }
@@ -90,4 +90,4 @@ function Filter({ onFilterChange }: { onFilterChange: (newOption: "" | "Yes" | "
           </Dialog>
       </div>
   );
-}
+}