Set fixed min-height on main page (#2942)

* Set fixed min-height on main page * Collapse margins without padding * Adjust min-height * Revert grid to block Co-authored-by: Devagouda <40405790+dpatil-magento@users.noreply.github.com>
magento · Feb 2, 2021 · d73de18 · d73de18
1 parent 81447ed
commit d73de18
Showing 1 changed file with 19 additions and 1 deletion.
diff --git a/packages/venia-ui/lib/components/Main/main.css b/packages/venia-ui/lib/components/Main/main.css
@@ -12,9 +12,27 @@
 .page {
     margin: 0 auto;
     max-width: var(--venia-global-maxWidth);
-    min-height: 100vh;
+    min-height: 40rem;
 }
 
 .page_masked {
     composes: page;
 }
+
+@media (min-height: 640px) {
+    .page {
+        min-height: 48rem;
+    }
+}
+
+@media (min-height: 768px) {
+    .page {
+        min-height: 60rem;
+    }
+}
+
+@media (min-height: 960px) {
+    .page {
+        min-height: 72rem;
+    }
+}