Apps grid

client/src/components/UI/Layout/Layout.module.css

@@ -1,4 +1,22 @@
 .Container {
   width: 100%;
-  padding: var(--space-p-x);
+  padding: 20px;
+}
+
+/* 320px — 480px: Mobile devices.
+481px — 768px: iPads, Tablets.
+769px — 1024px: Small screens, laptops.
+1025px — 1200px: Desktops, large screens.
+1201px and more — Extra large screens, TV. */
+
+@media (min-width: 769px) {
+  .Container {
+    padding: 25px 40px;
+  }
+}
+
+@media (min-width: 1201px) {
+  .Container {
+    padding: 50px 250px;
+  }
 }