Headings responsive

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>
 

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>

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"