style(style): better margins for smaller devices

Aeonoi · Oct 25, 2024 · d7a50f0 · d7a50f0
1 parent d908fcd
commit d7a50f0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/components/about.tsx b/components/about.tsx
@@ -4,7 +4,7 @@ import Background from "./background";
 const About: React.FC = () => {
   return (
     <main id="about" className="animate-fadeIn">
-      <Background styles="h-screen flex items-center">
+      <Background styles="h-full md:h-screen flex items-center">
         {/* <div className="grid grid-cols-2 text-black max-w-4xl mx-auto p-6"> */}
         <div className="grid grid-cols-1 md:grid-cols-2 text-white justify-items-center mx-auto p-10">
           <section className="mb-8 max-w-3xl">

diff --git a/components/projects.tsx b/components/projects.tsx
@@ -7,7 +7,7 @@ const Projects: React.FC = () => {
       <Background>
         <p
           id="projects"
-          className="text-5xl items-center text-center text-white scroll-m-14 m-10"
+          className="text-5xl items-center text-center text-white scroll-m-14 m-20 lg:m-10"
         >
           Projects
         </p>

diff --git a/components/resume.tsx b/components/resume.tsx
@@ -6,7 +6,7 @@ const Resume: React.FC = () => {
   return (
     <main id="resume" className="animate-fadeIn scroll-m-14">
       <Background styles="h-screen">
-        <p className="text-5xl items-center text-center text-white m-10">
+        <p className="text-5xl items-center text-center text-white m-20 lg:m-10">
           Resume
         </p>
         <div className="grid grid-cols-1 lg:grid-cols-2">