From 340609662313eb86b230fbd2c3c9766089b3c855 Mon Sep 17 00:00:00 2001
From: Krishna Ayyalasomayajula <krishna@ayyalasomayajula.net>
Date: Tue, 17 Mar 2026 14:56:20 -0500
Subject: [PATCH] fix: add responsive grid classes to counter cards and footer

---
 index.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 29a6325..a9b1cc0 100644
--- a/index.html
+++ b/index.html
@@ -217,7 +217,7 @@
     <div class="our-counter">
         <div class="container">
             <div class="row counter-box">
-                <div class="col-lg-3 col-md-6">
+                <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                     <!-- Counter Item Start -->
                     <div class="counter-item">
                         <!-- Counter Title Start -->
@@ -236,7 +236,7 @@
                     <!-- Counter Item End -->
                 </div>
 
-                <div class="col-lg-3 col-md-6">
+                <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                     <!-- Counter Item Start -->
                     <div class="counter-item">
                         <!-- Counter Title Start -->
@@ -255,7 +255,7 @@
                     <!-- Counter Item End -->
                 </div>
 
-                <div class="col-lg-3 col-md-6">
+                <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                     <!-- Counter Item Start -->
                     <div class="counter-item">
                         <!-- Counter Title Start -->
@@ -274,7 +274,7 @@
                     <!-- Counter Item End -->
                 </div>
 
-                <div class="col-lg-3 col-md-6">
+                <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                     <!-- Counter Item Start -->
                     <div class="counter-item">
                         <!-- Counter Title Start -->
@@ -679,7 +679,7 @@
                     <!-- About Footer End -->
                 </div>
 
-                <div class="col-lg-2 col-md-3 col-6">
+                <div class="col-12 col-sm-6 col-md-3 col-lg-2">
                     <!-- About Links Start -->
                     <div class="footer-links">
                         <h3>quick links</h3>
@@ -693,7 +693,7 @@
                     <!-- About Links End -->
                 </div>
 
-                <div class="col-lg-3 col-md-4 col-6">
+                <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                     <!-- About Links Start -->
                     <div class="footer-links">
                         <h3>our cricket</h3>
@@ -707,7 +707,7 @@
                     <!-- About Links End -->
                 </div>
 
-                <div class="col-lg-3 col-md-5">
+                <div class="col-12 col-sm-6 col-md-5 col-lg-3">
                     <!-- About Links Start -->
                     <div class="footer-contact">
                         <h3>contact</h3>