From ad793a1f51c0b8662243a08fdd9860c42d8223d7 Mon Sep 17 00:00:00 2001
From: Maxim <dyuma001@inbox.ru>
Date: Fri, 12 Dec 2025 20:56:00 +0300
Subject: [PATCH] fix: responsive tags layout on mobile

---
 app/components/Hero.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/Hero.vue b/app/components/Hero.vue
index 4efa211..5adb469 100644
--- a/app/components/Hero.vue
+++ b/app/components/Hero.vue
@@ -95,10 +95,10 @@ function trackChannel() {
                   <p class="text-lg font-semibold text-slate-900">AI-собеседник и мгновенные подсказки</p>
                 </div>
               </div>
-              <div class="mt-4 grid grid-cols-3 gap-2 text-xs text-slate-700">
-                <span class="rounded-full bg-blue-50 px-3 py-2 text-center text-blue-800">Ресторан</span>
-                <span class="rounded-full bg-indigo-50 px-3 py-2 text-center text-indigo-800">Путешествия</span>
-                <span class="rounded-full bg-slate-100 px-3 py-2 text-center text-slate-800">Работа</span>
+              <div class="mt-4 flex flex-wrap justify-center gap-2 text-xs text-slate-700">
+                <span class="rounded-full bg-blue-50 px-3 py-2 text-blue-800">Ресторан</span>
+                <span class="rounded-full bg-indigo-50 px-3 py-2 text-indigo-800">Путешествия</span>
+                <span class="rounded-full bg-slate-100 px-3 py-2 text-slate-800">Работа</span>
               </div>
             </div>
           </div>