diff --git a/panel/frontend/src/pages/ServicesPage.vue b/panel/frontend/src/pages/ServicesPage.vue
index 479e152..3033018 100644
--- a/panel/frontend/src/pages/ServicesPage.vue
+++ b/panel/frontend/src/pages/ServicesPage.vue
@@ -201,10 +201,16 @@
 }
 .services-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(330px, 420px));
+  /* по 2 сервиса в ряд на десктопе и планшете, по 1 на мобиле */
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 20px;
   margin-top: 20px;
 }
+@media (max-width: 767px) {
+  .services-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
 .service-card {
   width: 100%;
   max-width: none;
diff --git a/panel/frontend/src/pages/StoragePage.vue b/panel/frontend/src/pages/StoragePage.vue
index 00c009e..4b33424 100644
--- a/panel/frontend/src/pages/StoragePage.vue
+++ b/panel/frontend/src/pages/StoragePage.vue
@@ -245,10 +245,16 @@
 <style scoped>
 .shares-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(330px, 420px));
+  /* по 2 диска в ряд на десктопе и планшете, по 1 на мобиле */
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 20px;
   margin-top: 20px;
 }
+@media (max-width: 767px) {
+  .shares-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
 .share-card {
   width: 100%;
   max-width: none;