From 9b91ed165f31f9e8f376857ef8848729fdcbc510 Mon Sep 17 00:00:00 2001
From: root <root@oyhkwtigrd.local>
Date: Tue, 8 Sep 2026 19:04:42 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20=D0=BA=D0=B0=D1=80=D1=82=D0=BE=D1=87?=
 =?UTF-8?q?=D0=BA=D0=B8=20=C2=AB=D0=A1=D0=BC=D0=BE=D1=82=D1=80=D0=B8=D1=82?=
 =?UTF-8?q?=D0=B5=20=D1=82=D0=B0=D0=BA=D0=B6=D0=B5=C2=BB=20=D0=B2=D1=81?=
 =?UTF-8?q?=D1=82=D0=B0=D1=8E=D1=82=20=D0=B2=20=D1=80=D1=8F=D0=B4=20=D0=BD?=
 =?UTF-8?q?=D0=B0=20=D1=88=D0=B8=D1=80=D0=B8=D0=BD=D0=B5=20~1278px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

data-mp-cells-sm=2 для карточек related — в диапазоне 4 колонок
(≈1080–1355px вьюпорта) карточки занимают по 2 колонки и парятся,
устраняя пустую колонку справа. В десктопном 6-колоночном диапазоне
сохраняется data-mp-cells=3.
---
 public/cases/ai-assistant-figma/index.html         |  6 +++---
 public/cases/ai-platform-primo-rpa-2/index.html    | 14 +++++++-------
 public/cases/ai-platform-primo-rpa-v2/index.html   | 14 +++++++-------
 public/cases/ai-platform-primo-rpa/index.html      | 14 +++++++-------
 public/cases/card-columns-obsidian/index.html      |  6 +++---
 public/cases/lunacy/index.html                     | 14 +++++++-------
 public/cases/manu-game-maker/index.html            | 14 +++++++-------
 public/cases/mobile-clinic-app/index.html          | 14 +++++++-------
 .../cases/obsidian-plugin-columns-view/index.html  | 14 +++++++-------
 public/cases/orc-automation-panel/index.html       | 14 +++++++-------
 public/cases/site-with-ai-ide/index.html           |  6 +++---
 public/cases/task-distribution-concept/index.html  | 14 +++++++-------
 public/cases/task-tracker/index.html               | 14 +++++++-------
 src/partials/mini-projects-related.html            |  6 +++---
 src/partials/projects-related.html                 | 14 +++++++-------
 15 files changed, 89 insertions(+), 89 deletions(-)

diff --git a/public/cases/ai-assistant-figma/index.html b/public/cases/ai-assistant-figma/index.html
index 804edeb..a41ce76 100644
--- a/public/cases/ai-assistant-figma/index.html
+++ b/public/cases/ai-assistant-figma/index.html
@@ -308,7 +308,7 @@
         <div class="section__inner">
           <h2 class="section__title">Смотрите также</h2>
           <ol class="mini-projects-grid" data-mini-projects-list>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="ai-assistant">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="ai-assistant">
               <a
                 class="mp-card mp-card--link mp-card--compact"
                 href="../ai-assistant-figma/"
@@ -323,7 +323,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="card-columns">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="card-columns">
               <a
                 class="mp-card mp-card--link mp-card--compact"
                 href="../card-columns-obsidian/"
@@ -338,7 +338,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="site-with-ai-ide">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="site-with-ai-ide">
               <a
                 class="mp-card mp-card--link mp-card--compact"
                 href="../site-with-ai-ide/"
diff --git a/public/cases/ai-platform-primo-rpa-2/index.html b/public/cases/ai-platform-primo-rpa-2/index.html
index e868114..96c75b8 100644
--- a/public/cases/ai-platform-primo-rpa-2/index.html
+++ b/public/cases/ai-platform-primo-rpa-2/index.html
@@ -604,7 +604,7 @@
         <div class="section__inner">
           <h2 class="section__title">Смотрите также</h2>
           <ol class="mini-projects-grid" data-mini-projects-list>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="ai-platform-primo-rpa">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="ai-platform-primo-rpa">
               <a class="mp-card mp-card--link mp-card--stack" href="../ai-platform-primo-rpa/" aria-label="Платформа для работы с AI — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -627,7 +627,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="lunacy">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="lunacy">
               <a class="mp-card mp-card--link mp-card--stack" href="../lunacy/" aria-label="Графический редактор Lunacy — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -650,7 +650,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="manu-game-maker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="manu-game-maker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../manu-game-maker/" aria-label="Игровой движок MANU — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -673,7 +673,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="mobile-clinic-app" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="mobile-clinic-app" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../mobile-clinic-app/" aria-label="Мобильное приложение для сети клиник — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -696,7 +696,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="orc-automation-panel">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="orc-automation-panel">
               <a class="mp-card mp-card--link mp-card--stack" href="../orc-automation-panel/" aria-label="Веб-панель для оркестрации автоматизаций — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -718,7 +718,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-distribution-concept" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-distribution-concept" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-distribution-concept/" aria-label="Концепт сервиса распределения задач — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -741,7 +741,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-tracker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-tracker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-tracker/" aria-label="Таск-трекер для бек-офис системы — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
diff --git a/public/cases/ai-platform-primo-rpa-v2/index.html b/public/cases/ai-platform-primo-rpa-v2/index.html
index 7dd2a11..e6dd79f 100644
--- a/public/cases/ai-platform-primo-rpa-v2/index.html
+++ b/public/cases/ai-platform-primo-rpa-v2/index.html
@@ -734,7 +734,7 @@
         <div class="section__inner">
           <h2 class="section__title">Смотрите также</h2>
           <ol class="mini-projects-grid" data-mini-projects-list>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="ai-platform-primo-rpa">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="ai-platform-primo-rpa">
               <a class="mp-card mp-card--link mp-card--stack" href="../ai-platform-primo-rpa/" aria-label="Платформа для работы с AI — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -757,7 +757,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="lunacy">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="lunacy">
               <a class="mp-card mp-card--link mp-card--stack" href="../lunacy/" aria-label="Графический редактор Lunacy — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -780,7 +780,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="manu-game-maker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="manu-game-maker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../manu-game-maker/" aria-label="Игровой движок MANU — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -803,7 +803,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="mobile-clinic-app" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="mobile-clinic-app" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../mobile-clinic-app/" aria-label="Мобильное приложение для сети клиник — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -826,7 +826,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="orc-automation-panel">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="orc-automation-panel">
               <a class="mp-card mp-card--link mp-card--stack" href="../orc-automation-panel/" aria-label="Веб-панель для оркестрации автоматизаций — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -848,7 +848,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-distribution-concept" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-distribution-concept" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-distribution-concept/" aria-label="Концепт сервиса распределения задач — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -871,7 +871,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-tracker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-tracker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-tracker/" aria-label="Таск-трекер для бек-офис системы — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
diff --git a/public/cases/ai-platform-primo-rpa/index.html b/public/cases/ai-platform-primo-rpa/index.html
index 5c38fc7..f2025cd 100644
--- a/public/cases/ai-platform-primo-rpa/index.html
+++ b/public/cases/ai-platform-primo-rpa/index.html
@@ -768,7 +768,7 @@
         <div class="section__inner">
           <h2 class="section__title">Смотрите также</h2>
           <ol class="mini-projects-grid" data-mini-projects-list>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="ai-platform-primo-rpa">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="ai-platform-primo-rpa">
               <a class="mp-card mp-card--link mp-card--stack" href="../ai-platform-primo-rpa/" aria-label="Платформа для работы с AI — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -791,7 +791,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="lunacy">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="lunacy">
               <a class="mp-card mp-card--link mp-card--stack" href="../lunacy/" aria-label="Графический редактор Lunacy — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -814,7 +814,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="manu-game-maker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="manu-game-maker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../manu-game-maker/" aria-label="Игровой движок MANU — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -837,7 +837,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="mobile-clinic-app" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="mobile-clinic-app" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../mobile-clinic-app/" aria-label="Мобильное приложение для сети клиник — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -860,7 +860,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="orc-automation-panel">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="orc-automation-panel">
               <a class="mp-card mp-card--link mp-card--stack" href="../orc-automation-panel/" aria-label="Веб-панель для оркестрации автоматизаций — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -882,7 +882,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-distribution-concept" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-distribution-concept" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-distribution-concept/" aria-label="Концепт сервиса распределения задач — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -905,7 +905,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-tracker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-tracker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-tracker/" aria-label="Таск-трекер для бек-офис системы — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
diff --git a/public/cases/card-columns-obsidian/index.html b/public/cases/card-columns-obsidian/index.html
index 3ba3b77..085a610 100644
--- a/public/cases/card-columns-obsidian/index.html
+++ b/public/cases/card-columns-obsidian/index.html
@@ -308,7 +308,7 @@
         <div class="section__inner">
           <h2 class="section__title">Смотрите также</h2>
           <ol class="mini-projects-grid" data-mini-projects-list>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="ai-assistant">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="ai-assistant">
               <a
                 class="mp-card mp-card--link mp-card--compact"
                 href="../ai-assistant-figma/"
@@ -323,7 +323,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="card-columns">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="card-columns">
               <a
                 class="mp-card mp-card--link mp-card--compact"
                 href="../card-columns-obsidian/"
@@ -338,7 +338,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="site-with-ai-ide">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="site-with-ai-ide">
               <a
                 class="mp-card mp-card--link mp-card--compact"
                 href="../site-with-ai-ide/"
diff --git a/public/cases/lunacy/index.html b/public/cases/lunacy/index.html
index a410f1c..7797181 100644
--- a/public/cases/lunacy/index.html
+++ b/public/cases/lunacy/index.html
@@ -556,7 +556,7 @@
         <div class="section__inner">
           <h2 class="section__title">Смотрите также</h2>
           <ol class="mini-projects-grid" data-mini-projects-list>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="ai-platform-primo-rpa">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="ai-platform-primo-rpa">
               <a class="mp-card mp-card--link mp-card--stack" href="../ai-platform-primo-rpa/" aria-label="Платформа для работы с AI — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -579,7 +579,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="lunacy">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="lunacy">
               <a class="mp-card mp-card--link mp-card--stack" href="../lunacy/" aria-label="Графический редактор Lunacy — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -602,7 +602,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="manu-game-maker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="manu-game-maker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../manu-game-maker/" aria-label="Игровой движок MANU — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -625,7 +625,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="mobile-clinic-app" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="mobile-clinic-app" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../mobile-clinic-app/" aria-label="Мобильное приложение для сети клиник — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -648,7 +648,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="orc-automation-panel">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="orc-automation-panel">
               <a class="mp-card mp-card--link mp-card--stack" href="../orc-automation-panel/" aria-label="Веб-панель для оркестрации автоматизаций — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -670,7 +670,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-distribution-concept" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-distribution-concept" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-distribution-concept/" aria-label="Концепт сервиса распределения задач — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -693,7 +693,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-tracker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-tracker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-tracker/" aria-label="Таск-трекер для бек-офис системы — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
diff --git a/public/cases/manu-game-maker/index.html b/public/cases/manu-game-maker/index.html
index e1136e6..4005dfd 100644
--- a/public/cases/manu-game-maker/index.html
+++ b/public/cases/manu-game-maker/index.html
@@ -298,7 +298,7 @@
         <div class="section__inner">
           <h2 class="section__title">Смотрите также</h2>
           <ol class="mini-projects-grid" data-mini-projects-list>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="ai-platform-primo-rpa">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="ai-platform-primo-rpa">
               <a class="mp-card mp-card--link mp-card--stack" href="../ai-platform-primo-rpa/" aria-label="Платформа для работы с AI — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -321,7 +321,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="lunacy">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="lunacy">
               <a class="mp-card mp-card--link mp-card--stack" href="../lunacy/" aria-label="Графический редактор Lunacy — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -344,7 +344,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="manu-game-maker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="manu-game-maker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../manu-game-maker/" aria-label="Игровой движок MANU — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -367,7 +367,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="mobile-clinic-app" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="mobile-clinic-app" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../mobile-clinic-app/" aria-label="Мобильное приложение для сети клиник — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -390,7 +390,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="orc-automation-panel">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="orc-automation-panel">
               <a class="mp-card mp-card--link mp-card--stack" href="../orc-automation-panel/" aria-label="Веб-панель для оркестрации автоматизаций — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -412,7 +412,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-distribution-concept" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-distribution-concept" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-distribution-concept/" aria-label="Концепт сервиса распределения задач — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -435,7 +435,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-tracker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-tracker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-tracker/" aria-label="Таск-трекер для бек-офис системы — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
diff --git a/public/cases/mobile-clinic-app/index.html b/public/cases/mobile-clinic-app/index.html
index 7d2f5e6..5549c60 100644
--- a/public/cases/mobile-clinic-app/index.html
+++ b/public/cases/mobile-clinic-app/index.html
@@ -298,7 +298,7 @@
         <div class="section__inner">
           <h2 class="section__title">Смотрите также</h2>
           <ol class="mini-projects-grid" data-mini-projects-list>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="ai-platform-primo-rpa">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="ai-platform-primo-rpa">
               <a class="mp-card mp-card--link mp-card--stack" href="../ai-platform-primo-rpa/" aria-label="Платформа для работы с AI — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -321,7 +321,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="lunacy">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="lunacy">
               <a class="mp-card mp-card--link mp-card--stack" href="../lunacy/" aria-label="Графический редактор Lunacy — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -344,7 +344,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="manu-game-maker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="manu-game-maker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../manu-game-maker/" aria-label="Игровой движок MANU — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -367,7 +367,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="mobile-clinic-app" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="mobile-clinic-app" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../mobile-clinic-app/" aria-label="Мобильное приложение для сети клиник — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -390,7 +390,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="orc-automation-panel">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="orc-automation-panel">
               <a class="mp-card mp-card--link mp-card--stack" href="../orc-automation-panel/" aria-label="Веб-панель для оркестрации автоматизаций — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -412,7 +412,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-distribution-concept" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-distribution-concept" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-distribution-concept/" aria-label="Концепт сервиса распределения задач — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -435,7 +435,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-tracker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-tracker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-tracker/" aria-label="Таск-трекер для бек-офис системы — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
diff --git a/public/cases/obsidian-plugin-columns-view/index.html b/public/cases/obsidian-plugin-columns-view/index.html
index ca8c8e3..12f1733 100644
--- a/public/cases/obsidian-plugin-columns-view/index.html
+++ b/public/cases/obsidian-plugin-columns-view/index.html
@@ -332,7 +332,7 @@
         <div class="section__inner">
           <h2 class="section__title">Смотрите также</h2>
           <ol class="mini-projects-grid" data-mini-projects-list>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="ai-platform-primo-rpa">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="ai-platform-primo-rpa">
               <a class="mp-card mp-card--link mp-card--stack" href="../ai-platform-primo-rpa/" aria-label="Платформа для работы с AI — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -355,7 +355,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="lunacy">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="lunacy">
               <a class="mp-card mp-card--link mp-card--stack" href="../lunacy/" aria-label="Графический редактор Lunacy — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -378,7 +378,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="manu-game-maker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="manu-game-maker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../manu-game-maker/" aria-label="Игровой движок MANU — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -401,7 +401,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="mobile-clinic-app" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="mobile-clinic-app" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../mobile-clinic-app/" aria-label="Мобильное приложение для сети клиник — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -424,7 +424,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="orc-automation-panel">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="orc-automation-panel">
               <a class="mp-card mp-card--link mp-card--stack" href="../orc-automation-panel/" aria-label="Веб-панель для оркестрации автоматизаций — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -446,7 +446,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-distribution-concept" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-distribution-concept" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-distribution-concept/" aria-label="Концепт сервиса распределения задач — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -469,7 +469,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-tracker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-tracker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-tracker/" aria-label="Таск-трекер для бек-офис системы — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
diff --git a/public/cases/orc-automation-panel/index.html b/public/cases/orc-automation-panel/index.html
index b35687e..3f2e504 100644
--- a/public/cases/orc-automation-panel/index.html
+++ b/public/cases/orc-automation-panel/index.html
@@ -437,7 +437,7 @@
         <div class="section__inner">
           <h2 class="section__title">Смотрите также</h2>
           <ol class="mini-projects-grid" data-mini-projects-list>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="ai-platform-primo-rpa">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="ai-platform-primo-rpa">
               <a class="mp-card mp-card--link mp-card--stack" href="../ai-platform-primo-rpa/" aria-label="Платформа для работы с AI — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -460,7 +460,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="lunacy">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="lunacy">
               <a class="mp-card mp-card--link mp-card--stack" href="../lunacy/" aria-label="Графический редактор Lunacy — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -483,7 +483,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="manu-game-maker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="manu-game-maker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../manu-game-maker/" aria-label="Игровой движок MANU — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -506,7 +506,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="mobile-clinic-app" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="mobile-clinic-app" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../mobile-clinic-app/" aria-label="Мобильное приложение для сети клиник — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -529,7 +529,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="orc-automation-panel">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="orc-automation-panel">
               <a class="mp-card mp-card--link mp-card--stack" href="../orc-automation-panel/" aria-label="Веб-панель для оркестрации автоматизаций — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -551,7 +551,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-distribution-concept" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-distribution-concept" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-distribution-concept/" aria-label="Концепт сервиса распределения задач — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -574,7 +574,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-tracker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-tracker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-tracker/" aria-label="Таск-трекер для бек-офис системы — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
diff --git a/public/cases/site-with-ai-ide/index.html b/public/cases/site-with-ai-ide/index.html
index 3e28b70..bf1df14 100644
--- a/public/cases/site-with-ai-ide/index.html
+++ b/public/cases/site-with-ai-ide/index.html
@@ -308,7 +308,7 @@
         <div class="section__inner">
           <h2 class="section__title">Смотрите также</h2>
           <ol class="mini-projects-grid" data-mini-projects-list>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="ai-assistant">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="ai-assistant">
               <a
                 class="mp-card mp-card--link mp-card--compact"
                 href="../ai-assistant-figma/"
@@ -323,7 +323,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="card-columns">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="card-columns">
               <a
                 class="mp-card mp-card--link mp-card--compact"
                 href="../card-columns-obsidian/"
@@ -338,7 +338,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="site-with-ai-ide">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="site-with-ai-ide">
               <a
                 class="mp-card mp-card--link mp-card--compact"
                 href="../site-with-ai-ide/"
diff --git a/public/cases/task-distribution-concept/index.html b/public/cases/task-distribution-concept/index.html
index 206509e..1ea3eb8 100644
--- a/public/cases/task-distribution-concept/index.html
+++ b/public/cases/task-distribution-concept/index.html
@@ -298,7 +298,7 @@
         <div class="section__inner">
           <h2 class="section__title">Смотрите также</h2>
           <ol class="mini-projects-grid" data-mini-projects-list>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="ai-platform-primo-rpa">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="ai-platform-primo-rpa">
               <a class="mp-card mp-card--link mp-card--stack" href="../ai-platform-primo-rpa/" aria-label="Платформа для работы с AI — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -321,7 +321,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="lunacy">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="lunacy">
               <a class="mp-card mp-card--link mp-card--stack" href="../lunacy/" aria-label="Графический редактор Lunacy — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -344,7 +344,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="manu-game-maker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="manu-game-maker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../manu-game-maker/" aria-label="Игровой движок MANU — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -367,7 +367,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="mobile-clinic-app" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="mobile-clinic-app" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../mobile-clinic-app/" aria-label="Мобильное приложение для сети клиник — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -390,7 +390,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="orc-automation-panel">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="orc-automation-panel">
               <a class="mp-card mp-card--link mp-card--stack" href="../orc-automation-panel/" aria-label="Веб-панель для оркестрации автоматизаций — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -412,7 +412,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-distribution-concept" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-distribution-concept" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-distribution-concept/" aria-label="Концепт сервиса распределения задач — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -435,7 +435,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-tracker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-tracker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-tracker/" aria-label="Таск-трекер для бек-офис системы — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
diff --git a/public/cases/task-tracker/index.html b/public/cases/task-tracker/index.html
index 443daaa..9b21ccd 100644
--- a/public/cases/task-tracker/index.html
+++ b/public/cases/task-tracker/index.html
@@ -726,7 +726,7 @@
         <div class="section__inner">
           <h2 class="section__title">Смотрите также</h2>
           <ol class="mini-projects-grid" data-mini-projects-list>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="ai-platform-primo-rpa">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="ai-platform-primo-rpa">
               <a class="mp-card mp-card--link mp-card--stack" href="../ai-platform-primo-rpa/" aria-label="Платформа для работы с AI — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -749,7 +749,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="lunacy">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="lunacy">
               <a class="mp-card mp-card--link mp-card--stack" href="../lunacy/" aria-label="Графический редактор Lunacy — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -772,7 +772,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="manu-game-maker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="manu-game-maker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../manu-game-maker/" aria-label="Игровой движок MANU — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -795,7 +795,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="mobile-clinic-app" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="mobile-clinic-app" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../mobile-clinic-app/" aria-label="Мобильное приложение для сети клиник — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -818,7 +818,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="orc-automation-panel">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="orc-automation-panel">
               <a class="mp-card mp-card--link mp-card--stack" href="../orc-automation-panel/" aria-label="Веб-панель для оркестрации автоматизаций — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -840,7 +840,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-distribution-concept" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-distribution-concept" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-distribution-concept/" aria-label="Концепт сервиса распределения задач — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -863,7 +863,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-tracker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-tracker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="../task-tracker/" aria-label="Таск-трекер для бек-офис системы — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
diff --git a/src/partials/mini-projects-related.html b/src/partials/mini-projects-related.html
index 9eee370..6e5307c 100644
--- a/src/partials/mini-projects-related.html
+++ b/src/partials/mini-projects-related.html
@@ -2,7 +2,7 @@
         <div class="section__inner">
           <h2 class="section__title">Смотрите также</h2>
           <ol class="mini-projects-grid" data-mini-projects-list>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="ai-assistant">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="ai-assistant">
               <a
                 class="mp-card mp-card--link mp-card--compact"
                 href="{{casesPrefix}}ai-assistant-figma/"
@@ -17,7 +17,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="card-columns">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="card-columns">
               <a
                 class="mp-card mp-card--link mp-card--compact"
                 href="{{casesPrefix}}card-columns-obsidian/"
@@ -32,7 +32,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="site-with-ai-ide">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="site-with-ai-ide">
               <a
                 class="mp-card mp-card--link mp-card--compact"
                 href="{{casesPrefix}}site-with-ai-ide/"
diff --git a/src/partials/projects-related.html b/src/partials/projects-related.html
index 5a61752..7c22b39 100644
--- a/src/partials/projects-related.html
+++ b/src/partials/projects-related.html
@@ -2,7 +2,7 @@
         <div class="section__inner">
           <h2 class="section__title">Смотрите также</h2>
           <ol class="mini-projects-grid" data-mini-projects-list>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="ai-platform-primo-rpa">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="ai-platform-primo-rpa">
               <a class="mp-card mp-card--link mp-card--stack" href="{{casesPrefix}}ai-platform-primo-rpa/" aria-label="Платформа для работы с AI — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -25,7 +25,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="lunacy">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="lunacy">
               <a class="mp-card mp-card--link mp-card--stack" href="{{casesPrefix}}lunacy/" aria-label="Графический редактор Lunacy — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -48,7 +48,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="manu-game-maker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="manu-game-maker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="{{casesPrefix}}manu-game-maker/" aria-label="Игровой движок MANU — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -71,7 +71,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="mobile-clinic-app" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="mobile-clinic-app" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="{{casesPrefix}}mobile-clinic-app/" aria-label="Мобильное приложение для сети клиник — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -94,7 +94,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="orc-automation-panel">
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="orc-automation-panel">
               <a class="mp-card mp-card--link mp-card--stack" href="{{casesPrefix}}orc-automation-panel/" aria-label="Веб-панель для оркестрации автоматизаций — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -116,7 +116,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-distribution-concept" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-distribution-concept" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="{{casesPrefix}}task-distribution-concept/" aria-label="Концепт сервиса распределения задач — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
@@ -139,7 +139,7 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-tracker" hidden>
+            <li class="mini-projects-grid__item" data-mp-cells="3" data-mp-cells-sm="2" data-related-slug="task-tracker" hidden>
               <a class="mp-card mp-card--link mp-card--stack" href="{{casesPrefix}}task-tracker/" aria-label="Таск-трекер для бек-офис системы — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img