Add: Credit / Change: Profile / Change & Fix: Responsive / Add: Footer

Link

src/pages/index.astro

@@ -7,18 +7,24 @@ import contacts from "@/constants/contacts";
 ---
 
 <Layout>
-  <div class="min-w-[400px] w-[70vw] flex p-5">
+  <div class={`
+    min-w-[350px]
+    w-[70vw]
+    flex
+    justify-center
+    mb-5
+  `}>
     <img
       src={new URL("/last2014.png", Astro.url.origin).toString()}
       alt="アバター"
       class="w-[60px] h-[60px] mr-2 rounded-full"
     />
-    <div class="flex flex-grow flex-col">
+    <div class="flex flex-col">
       <span class="text-xl font-bold">
         Last2014
       </span>
       <p class="text-sm">
-        ウェブ開発一生やってる小学生です。<br />
+        ウェブ開発を一生してる小学生です。<br />
         TypeScriptをメインに色々作っています。
       </p>
     </div>
@@ -28,11 +34,10 @@ import contacts from "@/constants/contacts";
     flex
     flex-wrap
     gap-3
-    min-w-[400px]
+    min-w-[350px]
     w-[70vw]
-    p-5
   `}>
-    <span class="font-bold text-4xl w-full mb-3">詳細</span>
+    <span class="font-bold text-4xl w-full my-2">詳細</span>
     
     {details.map((detail) => (
       <Card
@@ -48,11 +53,10 @@ import contacts from "@/constants/contacts";
     flex
     flex-wrap
     gap-3
-    min-w-[400px]
+    min-w-[350px]
     w-[70vw]
-    p-5
   `}>
-    <span class="font-bold text-4xl w-full mb-3">リンク</span>
+    <span class="font-bold text-4xl w-full my-2">リンク</span>
     
     {links.map((link) => (
       <Card {...link} />
@@ -63,11 +67,10 @@ import contacts from "@/constants/contacts";
     flex
     flex-col
     gap-3
-    min-w-[400px]
+    min-w-[350px]
     w-[70vw]
-    p-5
   `}>
-    <span class="font-bold text-4xl w-full mb-3">連絡先</span>
+    <span class="font-bold text-4xl w-full my-2">連絡先</span>
     
     {contacts.map((contact) => (
       <Card {...contact} isFullWidth />