From 836f720a426aad1678b4357976d20196e19f5b1c Mon Sep 17 00:00:00 2001
From: Lucas Schumacher <technolucas@protonmail.com>
Date: Thu, 20 Jun 2024 21:51:12 -0400
Subject: [PATCH] Clean up vuejs frontend css

---
 vuejs/src/App.vue              | 21 ++-------------------
 vuejs/src/assets/main.css      | 12 ------------
 vuejs/src/components/Blurb.vue |  5 -----
 3 files changed, 2 insertions(+), 36 deletions(-)

diff --git a/vuejs/src/App.vue b/vuejs/src/App.vue
index 3f0890a..b80ffd2 100644
--- a/vuejs/src/App.vue
+++ b/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>
diff --git a/vuejs/src/assets/main.css b/vuejs/src/assets/main.css
index 36fb845..66b9d5c 100644
--- a/vuejs/src/assets/main.css
+++ b/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;
-  }
-}
diff --git a/vuejs/src/components/Blurb.vue b/vuejs/src/components/Blurb.vue
index 1644142..5faa4fc 100644
--- a/vuejs/src/components/Blurb.vue
+++ b/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,