From 6de94907646d407dc917f0960d4ec22a0151094d Mon Sep 17 00:00:00 2001
From: null <koga.industries@gmail.com>
Date: Wed, 27 May 2026 12:51:08 -0500
Subject: [PATCH] badge center

---
 src/pages/Home.jsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index faad166..e18bb8a 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -168,8 +168,8 @@ const Home = () => {
       {/* Partner Proof */}
       <section className="bg-white border-b border-border py-6">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-          <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
-            <div className="flex items-center justify-center gap-3 sm:justify-start">
+          <div className="grid grid-cols-2 gap-x-4 gap-y-6 lg:grid-cols-4">
+            <div className="flex flex-col items-center gap-2 lg:flex-row lg:gap-3 lg:justify-start">
               <span className="flex h-14 w-24 shrink-0 items-center justify-center rounded-md border border-border bg-white px-3">
                 <img
                   src="/assets/brand/8x8-logo-dark-gray.png"
@@ -177,9 +177,9 @@ const Home = () => {
                   className="h-9 w-full object-contain"
                 />
               </span>
-              <span className="text-sm font-semibold leading-tight text-primary-navy text-center sm:text-left">8x8 Certified Partner</span>
+              <span className="text-sm font-semibold leading-tight text-primary-navy text-center lg:text-left">8x8 Certified Partner</span>
             </div>
-            <div className="flex items-center justify-center gap-3 sm:justify-start">
+            <div className="flex flex-col items-center gap-2 lg:flex-row lg:gap-3 lg:justify-start">
               <span className="flex h-14 w-24 shrink-0 items-center justify-center rounded-md border border-border bg-white px-3">
                 <img
                   src="/assets/brand/cisco-partner-logo-midnight.svg"
@@ -187,19 +187,19 @@ const Home = () => {
                   className="h-12 w-full object-contain"
                 />
               </span>
-              <span className="text-sm font-semibold leading-tight text-primary-navy text-center sm:text-left">Cisco Certified Partner</span>
+              <span className="text-sm font-semibold leading-tight text-primary-navy text-center lg:text-left">Cisco Certified Partner</span>
             </div>
-            <div className="flex items-center justify-center gap-3 sm:justify-start">
+            <div className="flex flex-col items-center gap-2 lg:flex-row lg:gap-3 lg:justify-start">
               <span className="flex h-14 w-24 shrink-0 items-center justify-center rounded-md border border-border bg-white px-3 text-primary-navy">
                 <ShieldCheck className="h-7 w-7 text-primary-blue" aria-hidden="true" />
               </span>
-              <span className="text-sm font-semibold leading-tight text-primary-navy text-center sm:text-left">Veteran Owned</span>
+              <span className="text-sm font-semibold leading-tight text-primary-navy text-center lg:text-left">Veteran Owned</span>
             </div>
-            <div className="flex items-center justify-center gap-3 sm:justify-start">
+            <div className="flex flex-col items-center gap-2 lg:flex-row lg:gap-3 lg:justify-start">
               <span className="font-numeric flex h-14 w-24 shrink-0 items-center justify-center rounded-md border border-border bg-white px-3 text-2xl font-semibold text-primary-navy">
                 25+
               </span>
-              <span className="text-sm font-semibold leading-tight text-primary-navy text-center sm:text-left">Years Experience</span>
+              <span className="text-sm font-semibold leading-tight text-primary-navy text-center lg:text-left">Years Experience</span>
             </div>
           </div>
         </div>