Stretch nav links

src/App.vue

@@ -42,6 +42,7 @@ export default {
 </script>
 
 <style>
+
 #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
@@ -70,6 +71,10 @@ export default {
     background-color: #333;
 }
 
+.nav li {
+    flex: 1;
+}
+
 /* Style the links inside the navigation bar */
 .nav a {
     display: inline-block;
@@ -80,7 +85,7 @@ export default {
 }
 
 /* Have active route use different color */
-.nav a.active {
+.nav li:has(> a.active) {
     background-color: #4CAF50;
     color: white;
 }