Add styling for desktop, #2

jberglinds · Jun 28, 2017 · d87d9c0 · d87d9c0
1 parent fe82792
commit d87d9c0
Showing 1 changed file with 18 additions and 1 deletion.
diff --git a/master.css b/master.css
@@ -150,7 +150,6 @@ body {
 		flex-direction: column;
 	}
 
-	/* http://www.mademyday.de/css-height-equals-width-with-pure-css.html */
 	.squareRatio {
 		width: 15vh;
 		margin: 1vh 0;
@@ -160,3 +159,21 @@ body {
 		flex-direction: column;
 	}
 }
+
+/* Bigger than iPhone+ in landscape */
+@media (min-width: 737px) {
+	.table {
+		height: auto;
+		box-sizing: border-box;
+		padding: 50px;
+		justify-content: space-between;
+	}
+
+	.mid {
+		justify-content: space-between;
+	}
+
+	.squareRatio {
+		width: 70px;
+	}
+}