diff --git a/index.html b/index.html
index fc49ab1..1b429a6 100644
--- a/index.html
+++ b/index.html
@@ -327,7 +327,7 @@ <h2 class="typingeffect">Season of AI | Advance AI Learner</h2>
       <style>
         .badge-grid {
           display: grid;
-          grid-template-columns: repeat(3, 1fr);
+          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
           grid-template-rows: repeat(2, auto);
           gap: 10px; /* Reduced gap between cards */
         }