diff --git a/src/App.vue b/src/App.vue
index 6cab9b87bea93d93316a7da058ec35f6d74723a3..a1b232b4e61ddb6f0076205d354533cdca8b69d9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,37 +13,35 @@ import CreatVue from './components/CreatVue.vue'
       <CreatVue msg="who is it ?"/>
     </div> -->
     <div class="xd">
-        <CreatVue msg="CreatVue"/>
+        <CreatVue msg="CreatVue" />
     </div>
   </header>
 
-  <main>
+  <!-- <main>
     <TheWelcome />
-  </main>
+  </main> -->
 </template>
 
 <style scoped>
 header {
-  line-height: 1.5;
+  line-height: 2;
+  text-align: center;
 }
 
 .xd{
-    display: flex;
-    place-items: center;
-    padding-right: calc(var(--section-gap) / 1.5);
-
+    display: block;
 }
+
 .logo {
   display: block;
   margin: 0 auto 2rem;
 }
 
-
-
-@media (min-width: 1024px) {
+/* @media (min-width: 1024px) {
   header {
     display: flex;
     place-items: center;
+    text-align: center;
     padding-right: calc(var(--section-gap) / 2);
   }
 
@@ -56,5 +54,5 @@ header {
     place-items: flex-start;
     flex-wrap: wrap;
   }
-}
+} */
 </style>
diff --git a/src/assets/main.css b/src/assets/main.css
index c133f9156b43080992482c4805bb9d6ad813c187..91517f71dd9affe07872ee546b8335deb39e6616 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -3,8 +3,7 @@
 #app {
   max-width: 1280px;
   margin: 0 auto;
-  padding: 2rem;
-
+  /* padding: 2rem; */
   font-weight: normal;
 }
 
diff --git a/src/components/CreatVue.vue b/src/components/CreatVue.vue
index 1e71a33e14f86473513039e980390016bc50a106..63d639f32ce92c06c5c295eca0b9173a5448e390 100644
--- a/src/components/CreatVue.vue
+++ b/src/components/CreatVue.vue
@@ -18,10 +18,11 @@ const count = ref(0)
 </script>
 
 <template>
-    <h1>{{ msg }}</h1>
+    <!-- <h1>{{ msg }}</h1> -->
     <div id="app">
-    <button @click="count++" style="font-size: 20px;">
-        <span> count is: {{ count }} </span> 
-    </button>
+        <span><h1>{{ msg }}</h1></span>
+        <span>
+            <button @click="count++" style="font-size: 20px; border-radius: 6px;; border: 2px solid #008CBA; background-color: #4CAF50;">count is: {{ count }} </button>
+        </span>
     </div>
 </template>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 90e6400b4d8ad8aba0c1caa53874eb4b81380648..db6a890e00ffdc7744da0086e22d366e7c483d36 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,6 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 
-import './assets/main.css'
+// import './assets/main.css'
 
 createApp(App).mount('#app')