banner same width as cards

Author: basicBrogrammer

layouts/default.vue

@@ -27,11 +27,13 @@
         <SideBar v-if="showSideBar" />
       </transition>
       <article class="w-screen p-4 md:w-3/4">
-        <Banner>
-          <h2><b>WARNING:</b> Work in Progress.</h2>
-          <p>Some Pages may be unfinished or broken. Enjoy.</p>
-        </Banner>
-        <Nuxt />
+        <div class="mx-auto w-full md:w-3/4">
+          <Banner>
+            <h2><b>WARNING:</b> Work in Progress.</h2>
+            <p>Some Pages may be unfinished or broken. Enjoy.</p>
+          </Banner>
+          <Nuxt />
+        </div>
       </article>
     </div>
   </main>

pages/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="mx-auto w-full md:w-3/4">
+  <div>
     <ArticleCard
       v-for="article in articles"
       :key="article.slug"