repalce - to ‑ (⁠)

src/components/TheWelcome/ExamplesSection.vue

@@ -1,10 +1,10 @@
 <template>
   <section class="py-8 text-center">
     <h2 class="text-2xl font-semibold">Примеры использования</h2>
-    <div class="grid gap-6 mt-6 md:grid-cols-3 md:gap-8">
+    <div class="grid gap-6 mt-6 grid-cols-1 md:grid-cols-3 md:gap-8 md:gap-y-0">
       <!-- Пример 1 -->
-      <div class="grid items-center grid-rows-[auto,1fr] md:subgrid">
+      <div class="grid md:grid-rows-subgrid md:row-span-2">
-        <p class="row-start-1 mb-2">
+        <p class="mb-2 self-center">
           Автомобиль: получайте уведомления о проблемах с парковкой или фарами.
         </p>
         <img
@@ -16,8 +16,8 @@
         />
       </div>
       <!-- Пример 2 -->
-      <div class="grid items-center grid-rows-[auto,1fr] md:subgrid">
+      <div class="grid md:grid-rows-subgrid md:row-span-2">
-        <p class="row-start-1 mb-2">Питомец: помогите вернуть потерявшегося питомца.</p>
+        <p class="mb-2 self-center">Питомец: помогите вернуть потерявшегося питомца.</p>
         <img
           src="@/assets/examples/dog-200x200.jpg"
           width="200"
@@ -27,8 +27,8 @@
         />
       </div>
       <!-- Пример 3 -->
-      <div class="grid items-center grid-rows-[auto,1fr] md:subgrid">
+      <div class="grid md:grid-rows-subgrid md:row-span-2">
-        <p class="row-start-1 mb-2">Квартира: оставляйте инструкции для курьеров или соседей.</p>
+        <p class="mb-2 self-center">Квартира: оставляйте инструкции для курьеров или соседей.</p>
         <img
           src="@/assets/examples/door-200x200.jpg"
           width="200"

src/components/TheWelcome/TheWelcome.vue

@@ -8,19 +8,19 @@
             src="@/assets/qr-code-logo-200x200.jpg"
             width="200"
             height="200"
-            alt="QR-код логотип"
+            alt="QR‑код логотип"
             class="mx-auto"
           />
         </RouterLink>
         <div>
-          <h1 class="text-3xl font-bold">Создайте уникальный QR-код для связи</h1>
+          <h1 class="text-3xl font-bold">Создайте уникальный QR‑код для связи</h1>
           <p class="mt-2 text-lg text-gray-600 text-justify">
-            Люди смогут отправлять вам сообщения, сканируя этот QR-код, без необходимости раскрывать
+            Люди смогут отправлять вам сообщения, сканируя этот QR‑код, без необходимости раскрывать
             ваши контактные данные.
           </p>
           <Button
             icon="pi pi-qrcode"
-            label="Создать QR-код"
+            label="Создать QR‑код"
             to="/create"
             as="router-link"
             class="p-button-lg mt-4"
@@ -35,7 +35,7 @@
     <section id="setup" class="py-8 text-center">
       <h2 class="text-2xl font-semibold">Где использовать?</h2>
       <p class="mt-2 text-lg text-gray-600 text-justify">
-        QR-код можно будет разместить на вашем автомобиле, на входной двери или на ошейнике вашего
+        QR‑код можно будет разместить на вашем автомобиле, на входной двери или на ошейнике вашего
         питомца — это позволит окружающим легко связаться с вами в случае необходимости, при этом
         ваши контактные данные останутся конфиденциальными.
       </p>
@@ -47,12 +47,12 @@
     <section id="settings" class="py-8 text-center">
       <h2 class="text-2xl font-semibold">Легкость настройки</h2>
       <p class="mt-2 text-lg text-gray-600 text-justify">
-        Создайте QR-код, выберите доступные действия и начните использовать.
+        Создайте QR‑код, выберите доступные действия и начните использовать.
       </p>
       <div class="flex justify-center mt-6">
         <Button
           icon="pi pi-qrcode"
-          label="Создать QR-код"
+          label="Создать QR‑код"
           to="/create"
           as="router-link"
           class="p-button-lg"