feat(resume): update image and layout responsive

Limyangtyin · Nov 30, 2023 · 6d6f055 · 6d6f055
1 parent c2be269
commit 6d6f055
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/assets/css/site.css b/assets/css/site.css
@@ -572,6 +572,11 @@ video {
   margin-right: auto;
 }
 
+.mx-6 {
+  margin-left: 1.5rem;
+  margin-right: 1.5rem;
+}
+
 .mb-auto {
   margin-bottom: auto;
 }

diff --git a/resume.html b/resume.html
@@ -40,8 +40,8 @@ <h1>Resume</h1>
         </div>
     </header>
 
-    <main class="grid grid-cols-2 mx-auto bg-green-500 items-center justify-center mt-auto mb-auto">
-        <img src="" alt="Your Image" class="mx-auto h-auto w-1/2 float-left mr-6 "/>
+    <main class="grid grid-rows-2 mx-auto bg-green-500 items-center justify-center h-full md:flex md:gap-12 md:p-12 md:h-screen">
+        <img src="./assets/img/profilepic.jpg" alt="Your Image" class="mx-auto h-auto w-60 md:w-80 md:h-auto"/>
         <div class="flex flex-col gap-4 text-3xl ">
             <h1 class="font-serif font-semibold underline">Resume</h1>
             <div class="h-screen overflow-y-auto">