Tue Aug 20 16:31:00 CST 2024 inscode

src/App.vue

@@ -9,6 +9,7 @@ import TheWelcome from './components/TheWelcome.vue'
 
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
+
     </div>
   </header>
 
@@ -32,10 +33,18 @@ header {
     display: flex;
     place-items: center;
     padding-right: calc(var(--section-gap) / 2);
+    padding-left: calc(var(--section-gap) / 2);
+  }
+
+  header .wrapper {
+    display: flex;
+    place-items: flex-start;
+    flex-wrap: wrap;
   }
 
   .logo {
     margin: 0 2rem 0 0;
+      
   }
 
   header .wrapper {

src/assets/base.css

@@ -72,3 +72,4 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+body{}  padding-top: 160px;}
\ No newline at end of file