update style and content

mayashavin · Apr 1, 2024 · 336d97a · 336d97a
1 parent 6909353
commit 336d97a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/content b/content
diff --git a/pages/index.vue b/pages/index.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="container justify-evenly flex-col md:flex-row">
     <div
-      class="self-start ml-5 md:self-center md:ml-0 flex flex-col md:items-center"
+      class="self-start ml-5 md:self-center md:ml-0 flex flex-col md:items-center tagline"
     >
       <nuxt-img
         :modifiers="{ ar: '1:1', roundCorner: 'max', gravity: 'auto' }"
@@ -14,7 +14,7 @@
         aria-hidden="true"
         class="mx-3"
       />
-      <h2 class="text-2xl md:text-3xl my-3">
+      <h2 class="text-2xl md:text-3xl my-3 md:text-left">
         {{ $t('homepage.greeting') }}
       </h2>
     </div>
@@ -60,3 +60,14 @@
 <script>
 export default {}
 </script>
+<style scoped>
+.tagline {
+  width: 40%;
+}
+
+@media (max-width: 768px) {
+  .tagline {
+    width: auto;
+  }
+}
+</style>