adjusted the header position to fit the mobile size

yurimnim · yurimnim · commit a1ba03ddb59a · 2024-12-04T16:18:45.000+09:00
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Portfolio</title>
+    <title>Portfolio:Yurim Lee</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/src/components/molecules/HeaderMenu.tsx b/src/components/molecules/HeaderMenu.tsx
@@ -43,7 +43,7 @@ const HeaderMenu = ({
   ];
 
   return (
-    <header className="flex absolute flex-row min-w-fit top-0 right-3 mr-8 cursor-pointer">
+    <header className="flex absolute flex-row min-w-fit top-0 right-0 mr-8 cursor-pointer">
       {menuItems.map((menuItem, index) => (
         <div 
           key={index}
@@ -55,7 +55,8 @@ const HeaderMenu = ({
           </div>
           <h1
             className="
-              text-lg
+              text-md
+              lg:text-lg
               font-mono
               text-gray-800
               tracking-normal
diff --git a/vite.config.ts b/vite.config.ts
@@ -9,6 +9,7 @@ export default defineConfig({
     outDir: 'dist',
     sourcemap: true,
     assetsDir: 'assets',
+    emptyOutDir: true,
     rollupOptions: {
       input: {
         main: path.resolve(__dirname, 'index.html')
