About company responsive

components/clients/client.vue

@@ -7,12 +7,13 @@ defineProps<{
 </script>
 
 <template>
-<div class="flex flex-col rounded-xl py-8 px-4 gap-4 w-72 items-center border">
+<div class="flex flex-col rounded-xl py-8 px-4 gap-4 w-full sm:w-72 items-center border">
   <img
     :src="logo"
-    class="w-48 h-48 object-contain mb-4"
+    class="w-32 h-32 md:w-48 md:h-48 object-contain mb-4"
+    :alt="`Герб ${name}`"
   >
-  <div>
+  <div class="text-center">
     {{name}}
   </div>
   <div class="text-xs text-slate-400 text-center">

components/clients/clients.vue

@@ -28,7 +28,7 @@ const clients = [
       Наши клиенты
     </h2>
 
-    <div class="flex gap-16 col-w mx-auto px-4 md:px-16">
+    <div class="flex flex-col sm:flex-row col-w mx-auto px-4 md:px-16 gap-2 lg:gap-16 justify-between lg:justify-start items-center sm:items-stretch">
       <client
         v-for="c in clients"
         :name="c.name"