Použití flexboxu pro obsah

Z důvodu správného škálování v #main v případě, že není #nav, byl použit
flexbox. To by mělo zabránit ošklivým hackům pomocí @media.

sass/_media.scss

@@ -1,13 +1,12 @@
 @media only screen and (max-width: 700px) {
+	#content {
+		flex-direction: column;
+	}
+
 	#nav {
 		border: 0;
 		border-bottom: 1px dotted #ccc;
-		margin-bottom: 1em;
 		width: 100%;
 	}
-
-	#main {
-		margin-left: 0;
-	}
 }
 

sass/style.scss

@@ -53,6 +53,10 @@ body {
 	}
 }
 
+#content {
+	display: flex;
+}
+
 #nav {
 	float: left;
 	border-right: 1px dotted #ccc;
@@ -73,7 +77,7 @@ body {
 
 #main {
 	padding: 1.5em;
-	margin-left: 200px;
+	flex-grow: 1;
 
 	.title {
 		font-size: 1.2em;