fixes (sizing & color)

AjelmarMedina · Apr 14, 2024 · 9d48566 · 9d48566
1 parent e7746d2
commit 9d48566
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/(about-me)/Skillsets.tsx b/src/components/(about-me)/Skillsets.tsx
@@ -85,10 +85,10 @@ export function Skillsets() {
       className="flex flex-col justify-between items-center w-full h-fit px-4 py-14 bg-neutral-white text-neutral-black lg:grid lg:grid-cols-2 md:gap-[72px] md:px-28 md:py-24"
     >
       <div
-        className="flex flex-col items-center space-y-10 w-fit lg:items-start"
+        className="flex flex-col justify-center items-center space-y-10 w-fit lg:min-h-[520px] lg:items-start"
       >
         <div className="w-full">
-          <h1 className="min-w-full font-bold prose-display-md text-center md:prose-display-lg lg:text-start">
+          <h1 className="min-w-full font-bold prose-display-md text-center text-[80%] md:prose-display-lg lg:text-start">
             Skillset {isLoading}
           </h1>
           <Subheading />

diff --git a/src/components/about-me.tsx b/src/components/about-me.tsx
@@ -6,7 +6,7 @@ import { Header } from "./ui/header-section";
 export function AboutMe() {
   return (
     <div
-      className="flex flex-col items-center w-full h-fit max-h-0 overflow-clip animate-show-sections"
+      className="flex flex-col items-center w-full h-fit bg-neutral-50 max-h-0 overflow-clip animate-show-sections"
     >
       <Header
         header="About Me"

diff --git a/src/components/ui/header-section.tsx b/src/components/ui/header-section.tsx
@@ -9,7 +9,7 @@ export function Header(
 ) {
   return (
     <div
-      className="flex flex-row items-center justify-center min-w-full px-4 py-14 h-fit bg-neutral-white text-neutral-black md:px-28 md:py-24"
+      className="flex flex-row items-center justify-center min-w-full px-4 py-14 h-fit text-neutral-black md:px-28 md:py-24"
     >
       <div className="max-w-[672px] space-y-8">
         <h1 className="font-bold text-center prose-display-lg md:prose-display-xl">