headings were missing

xHayden · Dec 8, 2023 · 28cecc6 · 28cecc6
1 parent 91987de
commit 28cecc6
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -24,11 +24,11 @@ function App() {
         <Navbar/>
         <div className='pt-14 pb-24 md:pt-10 md:pb-12 sm:py-auto flex w-full gap-16 items-center'>
           <div className='w-full flex flex-col gap-2 md:gap-8'>
-            <p className='text-3xl md:text-5xl xl:text-7xl font-bold'>I'm <span className='text-secondary'>Hayden Carpenter</span>.</p>
-            <p className='text-2xl md:text-3xl xl:text-4xl font-thin' style={{"lineHeight": "1.25em"}}>
+            <h1 className='text-3xl md:text-5xl xl:text-7xl font-bold'>I'm <span className='text-secondary'>Hayden Carpenter</span>.</h1>
+            <h2 className='text-2xl md:text-3xl xl:text-4xl font-thin' style={{"lineHeight": "1.25em"}}>
               I'm a fullstack web developer studying Computer Science with a Psychology minor at <span className="text-secondary">Georgia Tech</span>.
               I specialize in web app development, but I'm pursuing ways to make <span className="text-secondary">AI designed for humans</span>.
-            </p>
+            </h2>
           </div>
         </div>
         <div className="">
@@ -43,7 +43,7 @@ function App() {
             <Projects/>
         </div>
         <div className='flex mt-16 2xl:mt-32 font-thin text-sm'>
-          <p>Hayden Carpenter © {new Date().getFullYear().toString()}</p>
+          <footer>Hayden Carpenter © {new Date().getFullYear().toString()}</footer>
         </div>
           <Contacts/>
       </div>

diff --git a/src/components/Projects.jsx b/src/components/Projects.jsx
@@ -8,8 +8,8 @@ function Project(props) {
     return <div className="w-full flex justify-start items-end shadow-lg shadow-slate-700">
         <a className={`w-full transition h-full ease-in-out flex items-end justify-start bg-cover pt-32 ${props.center ? "bg-center" : "bg-left-top"} hover:skew-x-0 rounded-md vignette hover:scale-105`} href={props.href} target={props.local ? "_self" : "_blank"} style={{backgroundImage: `url(${props.imgSrc})`}}>
             <div className="px-6 py-4 flex gap-1 flex-col">
-                <p className="text-2xl text-white font-bold opacity-100">{props.name}</p>
-                <p className="text-lg text-primarytext font-normal opacity-100">{props.description}</p>
+                <h4 className="text-xl text-white font-bold opacity-100">{props.name}</h4>
+                <h5 className="text-md text-primarytext font-normal opacity-100">{props.description}</h5>
             </div>
         </a>
     </div>

diff --git a/src/components/TypeText.jsx b/src/components/TypeText.jsx
@@ -98,7 +98,7 @@ export default function TypeText(props) {
     }
 
       return <>
-        <span className='text-2xl md:text-3xl py-4 absolute inline-block' style={{width: textWidth, height: textHeight}}>{displayedText}</span>
-        <p className='text-2xl md:text-3xl py-4 invisible' ref={typingRef}>{generateHiddenTextPreventCLS()}</p>
+        <span className='text-xl md:text-2xl py-2 absolute inline-block' style={{width: textWidth, height: textHeight}}>{displayedText}</span>
+        <p className='text-xl md:text-2xl py-2 invisible' ref={typingRef}>{generateHiddenTextPreventCLS()}</p>
       </>
   }