observer for article divs

vue/src/App.vue

@@ -1,22 +1,17 @@
 <script setup>
 import { RouterLink, RouterView } from 'vue-router'
-import HelloWorld from './components/HelloWorld.vue'
 </script>
 
 <template>
-  <header>
-    <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
-
-    <div class="wrapper">
-      <HelloWorld msg="You did it!" />
-
-      <nav>
-        <RouterLink to="/">Home</RouterLink>
-        <RouterLink to="/about">About</RouterLink>
-        <RouterLink to="/feeds">Feeds</RouterLink>
-      </nav>
-    </div>
-  </header>
+  <!-- <header> -->
+  <!--   <div class="wrapper"> -->
+  <!--     <nav> -->
+  <!--       <RouterLink to="/">Home</RouterLink> -->
+  <!--       <RouterLink to="/about">About</RouterLink> -->
+  <!--       <RouterLink to="/feeds">Feeds</RouterLink> -->
+  <!--     </nav> -->
+  <!--   </div> -->
+  <!-- </header> -->
 
   <RouterView />
 </template>
@@ -59,7 +54,6 @@ nav a:first-of-type {
 
 @media (min-width: 1024px) {
   header {
-    display: flex;
     place-items: center;
     padding-right: calc(var(--section-gap) / 2);
   }
@@ -68,11 +62,6 @@ nav a:first-of-type {
     margin: 0 2rem 0 0;
   }
 
-  header .wrapper {
-    display: flex;
-    place-items: flex-start;
-    flex-wrap: wrap;
-  }
 
   nav {
     text-align: left;