diff --git a/src/App.vue b/src/App.vue
index 633a5dfe4e547c48bfa93740a290ba5ba370930a..d1d247ffa4587dd3478adf4df8db89ebd8661e07 100644
--- a/src/App.vue
+++ b/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 {
diff --git a/src/assets/base.css b/src/assets/base.css
index 71dc55a3cb5a72589496743a327c738ead3e1c83..59e9f4c4c891f23e7986fc657e44ee3f738fb071 100644
--- a/src/assets/base.css
+++ b/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