Ticket #4980: meta-4980.flexbox.diff

wp4.css

@@ -1146 +1146 @@
 }
 
 #home-below .wrapper {
-        float: left;
+        display: flex;
+        justify-content: center;
         margin-bottom: 14px;
 }
 
+#home-below .wrapper .col-2,
+#home-below .wrapper .col-4 {
+        float: none;
+}
+
+#home-below .wrapper .col-2 {
+        flex-shrink: 0;
+}
+
+#home-below .wrapper .col-4 {
+        flex-grow: 0.9;
+}
+
+@media screen and (max-width:800px) {
+        #home-below .wrapper {
+                flex-wrap: wrap;
+        }
+}
+
+@media screen and (max-width:480px) {
+        #home-below .wrapper h4 {
+                text-align: center;
+        }
+        #home-below .wrapper .col-4 {
+                flex-grow: 0.8;
+        }
+}
+
 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
         float: left;
         margin: 0 14px;
@@ -2402 +2431 @@
         background: #f2dede;
 }
 
-/*# sourceMappingURL=wp4.css.map */
- No newline at end of file
+/*# sourceMappingURL=wp4.css.map */