- saving progress;

src/assets/scss/components/appPage.scss

@@ -100,6 +100,8 @@
     padding: 17px;
     border-radius: 6px;
     border: 1px solid var(--card-borderColor-color);
+    container-name: section_with_border;
+    container-type: inline-size;
 
     &.disabled {
         filter: grayscale(1);
@@ -140,6 +142,15 @@
     }
 }
 
+@container section_with_border (max-width: 600px) {
+    .appPageSection__withBorder {
+        .row {
+            flex-direction: column;
+            align-items: flex-start;
+        }
+    }
+}
+
 .appPageSection__hero {
     display: flex;
     height: 172px;
@@ -198,4 +209,5 @@
     display: flex;
     gap: 24px;
     padding: 24px 0 48px;
+    flex-wrap: wrap;
 }