From cb3888dba2681a029414432c420ec444e7d3e0cb Mon Sep 17 00:00:00 2001
From: Kunthawat Greethong <kunthawat@gmailcom>
Date: Wed, 1 Apr 2026 22:43:52 +0700
Subject: [PATCH] Center email card and match width with top 2 cards

---
 src/pages/contact-us.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/contact-us.astro b/src/pages/contact-us.astro
index 50b5969..e2880be 100644
--- a/src/pages/contact-us.astro
+++ b/src/pages/contact-us.astro
@@ -67,9 +67,9 @@ import Layout from '../layouts/Layout.astro'
         </a>
       </div>
 
-      <!-- Bottom Row - Email (Centered, Wider) -->
-      <div class="grid md:grid-cols-2 gap-8 max-w-3xl mx-auto">
-        <a href="mailto:contact@moreminimore.com" class="group bg-white rounded-2xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300 hover:-translate-y-2 text-center">
+      <!-- Bottom Row - Email (Centered, Same Width as 2 Top Cards) -->
+      <div class="flex justify-center">
+        <a href="mailto:contact@moreminimore.com" class="group bg-white rounded-2xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300 hover:-translate-y-2 text-center w-full max-w-[calc(50%-1rem)]">
           <div class="w-16 h-16 bg-blue-500 rounded-2xl flex items-center justify-center mx-auto mb-5 group-hover:bg-blue-400 transition-colors">
             <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>