From d26c83842e219da22bdd07fc7b55d2c4aca600c9 Mon Sep 17 00:00:00 2001
From: Anatoly Kopyl <hi@kopyl.dev>
Date: Sun, 22 Sep 2024 18:28:21 +0300
Subject: [PATCH] Headings responsive

---
 components/clients/clients.vue   | 4 ++--
 components/contacts.vue          | 2 +-
 components/services/services.vue | 6 +++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/clients/clients.vue b/components/clients/clients.vue
index 1488f7c..88ac598 100644
--- a/components/clients/clients.vue
+++ b/components/clients/clients.vue
@@ -23,8 +23,8 @@ const clients = [
 
 <template>
   <section class="py-16 bg-white">
-    <h2 class="text-4xl font-semibold col-w mx-auto mb-8 px-4 md:px-16 flex items-center gap-8">
-      <img :src="PureCitySvg" class="h-16">
+    <h2 class="text-3xl sm:text-4xl font-semibold col-w mx-auto mb-8 px-4 md:px-16 flex items-center gap-8">
+      <img :src="PureCitySvg" class="h-16" alt="">
       Наши клиенты
     </h2>
 
diff --git a/components/contacts.vue b/components/contacts.vue
index 5ad6dd8..70b1d1e 100644
--- a/components/contacts.vue
+++ b/components/contacts.vue
@@ -4,7 +4,7 @@ import PureCitySvg from "~/assets/pure-city.svg";
 
 <template>
   <section class="py-16 bg-slate-100">
-    <h2 class="text-4xl font-semibold col-w mx-auto mb-8 px-4 md:px-16 flex items-center gap-8">
+    <h2 class="text-3xl sm:text-4xl font-semibold col-w mx-auto mb-8 px-4 md:px-16 flex items-center gap-8">
       <img :src="PureCitySvg" class="h-16" alt="">
       Контакты
     </h2>
diff --git a/components/services/services.vue b/components/services/services.vue
index 63dc887..039a4c1 100644
--- a/components/services/services.vue
+++ b/components/services/services.vue
@@ -50,8 +50,8 @@ const outdoorServices = [
 
 <template>
 <section class="py-16 bg-slate-100">
-  <h2 class="text-4xl font-semibold col-w mx-auto mb-8 px-4 md:px-16 flex items-center gap-8">
-    <img :src="PureCitySvg" class="h-16">
+  <h2 class="text-3xl sm:text-4xl font-semibold col-w mx-auto mb-8 px-4 md:px-16 flex items-center gap-8">
+    <img :src="PureCitySvg" class="h-16" alt="">
     Услуги
   </h2>
 
@@ -64,7 +64,7 @@ const outdoorServices = [
     ></service>
   </div>
 
-  <div class="col-w mx-auto px-4 md:px-16 mb-16 gap-2 services__grid">
+  <div class="col-w mx-auto px-4 md:px-16 gap-2 services__grid">
     <service
       v-for="s in outdoorServices"
       :key="s.name"