Univerzální styly pro navigaci

sass/style.scss

@@ -15,34 +15,21 @@ body {
 	line-height: 1.8;
 }
 
-header {
-	display: flex;
-	align-items: center;
-	justify-content: space-around;
-	padding: 4em 0;
-	max-width: 100em;
-	width: 100vw;
-
-	img {
-		max-height: 7em;
-	}
-
-	h1 {
-		font-size: 2em;
-	}
-
 nav ul {
 	display: flex;
+	flex-direction: column;
 	list-style-type: none;
 	padding: 0;
 
 	li a {
+		display: block;
 		padding: .7em;
 		border: 1px solid #000;
-			margin: 0 .5em;
+		margin: .5em;
 		text-decoration: none;
 		color: #000;
 		font-size: 1.2em;
+		text-align: center;
 
 		&:hover {
 			color: #fff;
@@ -51,6 +38,26 @@ header {
 		}
 	}
 }
+
+header {
+	display: flex;
+	align-items: center;
+	justify-content: space-around;
+	padding: 4em 0;
+	max-width: 100em;
+	width: 100vw;
+
+	img {
+		max-height: 7em;
+	}
+
+	h1 {
+		font-size: 2em;
+	}
+
+	nav ul {
+		flex-direction: row;
+	}
 }
 
 main {