change text to be smaller on mobile screens for about description, re…

…ady for new deploy
kimmykokonut · Nov 5, 2024 · 59ebda5 · 59ebda5
1 parent a8cb024
commit 59ebda5
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 8 deletions.
diff --git a/app/about/page.tsx b/app/about/page.tsx
@@ -24,18 +24,44 @@ export default function About() {
     >
       <div className="border-slate-500 py-8 px-4 sm:py-16 xl:px-16 max-w-4xl mx-auto">
         <h2 className="text-4xl font-bold mb-4">About Kim</h2>
-        <p className="text-base lg:text-lg leading-relaxed mb-2">
-          I am a full-stack developer with hands-on experience in JavaScript, React, Python, C#, and building Web APIs. During my internship at Clarity Innovations, I tackled feature development and bug fixes for an EdTech project dashboard to streamline the user experience. My diverse background in science, education, and creative roles gives me a unique problem-solving perspective. I am passionate about community building and have volunteered in various educational and environmental initiatives. I am eager to contribute to a mission-driven company and grow alongside a collaborative team.
+        <p className="text-sm sm:text-base lg:text-lg leading-relaxed mb-2">
+          I am a full-stack developer with hands-on experience in JavaScript,
+          React, Python, C#, and building Web APIs. During my internship at
+          Clarity Innovations, I tackled feature development and bug fixes for
+          an EdTech project dashboard to streamline the user experience. My
+          diverse background in science, education, and creative roles gives me
+          a unique problem-solving perspective. I am passionate about community
+          building and have volunteered in various educational and environmental
+          initiatives. I am eager to contribute to a mission-driven company and
+          grow alongside a collaborative team.
         </p>
         <div className="flex flex-row mt-8">
-          <TabButton selectTab={() => handleTabChange("skills")} active={tab === "skills"}>{" "}Tech Stack{" "}</TabButton>
-          <TabButton selectTab={() => handleTabChange("databaseTest")} active={tab === "databaseTest"}>{" "}DB & Test{" "}</TabButton>
-          <TabButton selectTab={() => handleTabChange("education")} active={tab === "education"}>{" "}Education{" "}</TabButton>
+          <TabButton
+            selectTab={() => handleTabChange("skills")}
+            active={tab === "skills"}
+          >
+            {" "}
+            Tech Stack{" "}
+          </TabButton>
+          <TabButton
+            selectTab={() => handleTabChange("databaseTest")}
+            active={tab === "databaseTest"}
+          >
+            {" "}
+            DB & Test{" "}
+          </TabButton>
+          <TabButton
+            selectTab={() => handleTabChange("education")}
+            active={tab === "education"}
+          >
+            {" "}
+            Education{" "}
+          </TabButton>
         </div>
         <div className="mt-4">
           {selectedTab ? selectedTab.content : <p>Content not found</p>}
         </div>
       </div>
     </section>
   );
-}
+}
diff --git a/next.config.mjs b/next.config.mjs
@@ -1,8 +1,8 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   //uncomment these 2 before pushing and new build
-  // basePath: "/kimmykokonut.github.io",
-  // output: "export", //enables static exports
+  basePath: "/kimmykokonut.github.io",
+  output: "export", //enables static exports
   reactStrictMode: true,
 };