added mobile version

2026-06-04 01:05:24 +03:00
parent 3ff0fa142e
commit 69daf661a4
3 changed files with 71 additions and 0 deletions
--- a/src/styles/card.css
+++ b/src/styles/card.css
@@ -91,3 +91,28 @@
 .f-like-btn:hover, .f-like-btn.liked {
  border-color: rgba(255,107,107,.5); color: #ff6b6b; background: rgba(255,107,107,.08);
 }
+
+@media (max-width: 600px) {
+  /* Карточка становится вертикальной */
+  .f-card-inner {
+    flex-direction: column;
+    min-height: unset;
+  }
+
+  /* Картинка — горизонтальная полоса сверху */
+  .f-card-img {
+    width: 100%;
+    min-width: unset;
+    height: 160px;
+  }
+
+  /* Убираем кнопку карты на мобилке — занимает много места */
+  .f-card-map {
+    display: none;
+  }
+
+  /* Чуть меньше паддинг в теле карточки */
+  .f-card-body {
+    padding: 12px;
+  }
+}