From e39ea4fc381e525841b7fc8601484e1dd9dba8ab Mon Sep 17 00:00:00 2001
From: Last2014 <info@last2014.com>
Date: Mon, 27 Oct 2025 16:28:45 +0900
Subject: [PATCH] Fix: responsive

---
 src/components/header/Header.astro |  2 +-
 src/pages/index.astro              | 37 ++++++------------------------
 2 files changed, 8 insertions(+), 31 deletions(-)

diff --git a/src/components/header/Header.astro b/src/components/header/Header.astro
index a9dbe27..aed7ecb 100644
--- a/src/components/header/Header.astro
+++ b/src/components/header/Header.astro
@@ -9,7 +9,7 @@ import Link from "@/components/header/Link.astro";
   mb-8
   top-[1rem]
   rounded-[1em]
-  w-[calc(80vw-2rem)]
+  w-[calc(90vw-2rem)]
   h-[5rem]
   sticky
   p-[1em]
diff --git a/src/pages/index.astro b/src/pages/index.astro
index b300692..6dc730e 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -7,28 +7,16 @@ import contacts from "@/constants/contacts";
 ---
 
 <Layout>
-  <div class={`
-    flex
-    justify-between
-    bg-white
-    shadow-sm
-    min-w-[420px]
-    w-[70vw]
-    rounded
-    p-5
-  `}>
+  <div class="min-w-[400px] w-[70vw] flex p-5">
     <img
       src={new URL("/last2014.png", Astro.url.origin).toString()}
       alt="アバター"
-      class={`
-        w-15
-        h-15
-        mr-2
-        !rounded-[100%]
-      `}
+      class="w-[60px] h-[60px] mr-2 rounded-full"
     />
     <div class="flex flex-grow flex-col">
-      <span class="text-xl font-bold">Last2014</span>
+      <span class="text-xl font-bold">
+        Last2014
+      </span>
       <p class="text-sm">
         ウェブ開発一生やってる小学生です。<br />
         TypeScriptをメインに色々作っています。
@@ -67,12 +55,7 @@ import contacts from "@/constants/contacts";
     <span class="font-bold text-4xl w-full mb-3">リンク</span>
     
     {links.map((link) => (
-      <Card
-        title={link.title}
-        description={link.description}
-        img={link.img}
-        href={link.href}
-      />
+      <Card {...link} />
     ))}
   </div>
   
@@ -87,13 +70,7 @@ import contacts from "@/constants/contacts";
     <span class="font-bold text-4xl w-full mb-3">連絡先</span>
     
     {contacts.map((contact) => (
-      <Card
-        title={contact.title}
-        description={contact.description}
-        img={contact.img}
-        href={contact.href}
-        isFullWidth
-      />
+      <Card {...contact} isFullWidth />
     ))}
   </div>
 </Layout>