admin/site-portfolio
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: карточки «Смотрите также» встают в ряд на ширине ~1278px

Browse Source 
data-mp-cells-sm=2 для карточек related — в диапазоне 4 колонок
(≈1080–1355px вьюпорта) карточки занимают по 2 колонки и парятся,
устраняя пустую колонку справа. В десктопном 6-колоночном диапазоне
сохраняется data-mp-cells=3.
This commit is contained in:
root committed 2026-09-08 19:04:42 +02:00
1 parent 16dafcbf01
commit 9b91ed165f
15 files changed
+89 -89
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/partials/mini-projects-related.html
+3 -3
View File
@@ -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/"
src/partials/projects-related.html
+7 -7
View File
@@ -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