Clean up vuejs frontend css

vuejs/src/App.vue

@@ -20,8 +20,9 @@ function addBlurb() {
   </header>
 
   <main>
-    <div class="wrapper" v-for="blurb in blurbs">
+    <div v-for="blurb in blurbs">
       <Blurb :title="blurb.title" :blurb="blurb.blurb" link="#" />
+      <br />
     </div>
     <br />
     <button @click="addBlurb">Load more</button>
@@ -37,22 +38,4 @@ header {
   display: block;
   margin: 0 auto 2rem;
 }
-
-@media (min-width: 1024px) {
-  header {
-    display: flex;
-    place-items: center;
-    padding-right: calc(var(--section-gap) / 2);
-  }
-
-  .logo {
-    margin: 0 2rem 0 0;
-  }
-
-  header .wrapper {
-    display: flex;
-    place-items: flex-start;
-    flex-wrap: wrap;
-  }
-}
 </style>

vuejs/src/assets/main.css

@@ -21,15 +21,3 @@ a,
   }
 }
 
-@media (min-width: 1024px) {
-  body {
-    display: flex;
-    place-items: center;
-  }
-
-  #app {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    padding: 0 2rem;
-  }
-}

vuejs/src/components/Blurb.vue

@@ -25,11 +25,6 @@ h3 {
   font-size: 1.2rem;
 }
 
-.blurb h1,
-.blurb h3 {
-  text-align: center;
-}
-
 @media (min-width: 1024px) {
 
   .blurb h1,