Add Section tags

josephdburdick · Jun 27, 2024 · 55bf9a3 · 55bf9a3
1 parent 433a145
commit 55bf9a3
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/src/app/_content/About.tsx b/src/app/_content/About.tsx
@@ -20,7 +20,7 @@ export default function Footer() {
     },
   ]
   return (
-    <div className="relative flex flex-col items-center bg-white">
+    <section className="relative flex flex-col items-center bg-white">
       <div className="border-lime-2200 relative mx-auto h-10 w-10 border-t-4 border-double"></div>
       <div className="container z-10 mt-8 w-full items-center lg:absolute lg:mt-0 lg:flex lg:h-full">
         <div className="grid gap-4 lg:grid-cols-2">
@@ -58,6 +58,6 @@ export default function Footer() {
         height={height}
         className="z-0 aspect-auto"
       />
-    </div>
+    </section>
   )
 }
diff --git a/src/app/_content/Experience.tsx b/src/app/_content/Experience.tsx
@@ -123,7 +123,7 @@ export default function Experience() {
   )
 
   return (
-    <div
+    <section
       className={cn(
         "md:py16 min-h-[800px] items-center justify-center space-y-8 bg-secondary py-8 lg:py-24 xl:py-36",
       )}
@@ -139,6 +139,6 @@ export default function Experience() {
         </header>
       </div>
       <div className="flex w-full flex-1">{renderExperiences}</div>
-    </div>
+    </section>
   )
 }
diff --git a/src/app/_content/Intro.tsx b/src/app/_content/Intro.tsx
@@ -32,7 +32,7 @@ function Intro() {
   }, [])
   return (
     <>
-      <div className="flex h-[85dvh] max-h-[2000px] min-h-[600px] flex-col items-center justify-center">
+      <section className="flex h-[85dvh] max-h-[2000px] min-h-[600px] flex-col items-center justify-center">
         <div className="flex w-full flex-1">
           <div className="grid w-full grid-rows-[auto_1fr_auto] items-center gap-4 lg:gap-6">
             <MainHeader className="pt-8 md:pt-16 lg:pt-24 xl:pt-36">
@@ -66,7 +66,7 @@ function Intro() {
             </footer>
           </div>
         </div>
-      </div>
+      </section>
       <div
         className={cn(
           "fixed top-0 w-full bg-gradient-to-b from-background transition-opacity duration-300 dark:mix-blend-plus-darker dark:backdrop-blur-none",

diff --git a/src/app/_content/Recommendations.tsx b/src/app/_content/Recommendations.tsx
@@ -149,7 +149,7 @@ export default function Recommendations() {
   )
 
   return (
-    <div
+    <section
       className={cn(
         "md:py16 items-center justify-center space-y-8 bg-gradient-to-b from-secondary py-8 lg:py-24 xl:py-36",
       )}
@@ -165,6 +165,6 @@ export default function Recommendations() {
         </header>
         {renderRecommendations}
       </div>
-    </div>
+    </section>
   )
 }