first commit

resources/client/channels/content-grid/content-grid-portrait.css

@@ -0,0 +1,52 @@
+.content-grid-portrait {
+  --nVisibleItems: 1;
+}
+
+@media (min-width: 280px) {
+  .content-grid-portrait {
+    --nVisibleItems: 2;
+  }
+}
+
+@media (min-width: 786px) {
+  .content-grid-portrait {
+    --nVisibleItems: 3;
+  }
+}
+
+@media (min-width: 1024px) {
+  .content-grid-portrait {
+    --nVisibleItems: 4;
+  }
+}
+
+@media (min-width: 1280px) {
+  .content-grid-portrait {
+    --nVisibleItems: 6;
+  }
+}
+
+@container (min-width: 400px) {
+  .content-grid-portrait {
+    --nVisibleItems: 3;
+  }
+}
+
+@container (min-width: 600px) {
+  .content-grid-portrait {
+    --nVisibleItems: 4;
+  }
+}
+
+@container (min-width: 900px) {
+  .content-grid-portrait {
+    --nVisibleItems: 5;
+  }
+}
+
+@container (min-width: 1200px) {
+  .content-grid-portrait {
+    --nVisibleItems: 6;
+  }
+}
+