diff --git a/components/logo/dog.vue b/components/logo/dog.vue
index a33df37..95def84 100644
--- a/components/logo/dog.vue
+++ b/components/logo/dog.vue
@@ -1,5 +1,5 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
+  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 500 500">
     <g id="freepik--background-complete--inject-64">
       <path
         d="M449,256.48a11.74,11.74,0,0,1-2.92,3.92,8,8,0,0,1-6.85,1.67,11.79,11.79,0,0,1-6.14-3,41.17,41.17,0,0,0-5.19-4,16.94,16.94,0,0,0-6.53-2.42c-1.63-.27-3.26-.45-4.89-.61a12.23,12.23,0,0,1-6.1-2.21,8.17,8.17,0,0,1-3.65-8.38,10.76,10.76,0,0,1,6.28-8.34c1.76-.87,3.64-1.53,5.47-2.28.83-.34,1.66-.66,2.49-1a10.68,10.68,0,0,0,3.67-2.85c.61-.67,1.22-1.34,1.84-2a9.23,9.23,0,0,1,8.72-2.79,14.42,14.42,0,0,1,7.07,3.23,9,9,0,0,1,3.47,7.51c0,.89-.06,1.79-.15,2.67a12.36,12.36,0,0,0,1.06,6.49C447.48,244,448.3,246,449,248a11.63,11.63,0,0,1,.5,6.75C449.37,255.31,449.16,255.89,449,256.48Z"
diff --git a/components/main/hero.vue b/components/main/hero.vue
index 4cc438a..151bbb6 100644
--- a/components/main/hero.vue
+++ b/components/main/hero.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="container mx-auto">
-    <div class="grid grid-cols-1 items-center md:grid-cols-2">
+    <div class="grid grid-cols-1 sm:grid-cols-2 items-center">
       <div class="px-6">
-        <h1 class="text-black text-4xl font-semibold md:text-5xl mb-5 leading-tight">
+        <h1 class="text-black font-semibold leading-tight text-4xl md:text-5xl mb-5">
           Welcome To My Blog Site
         </h1>
         <p>
@@ -10,7 +10,7 @@
           Learning resource and more.
         </p>
       </div>
-      <div class="px-6 max-w-[400px] flex justify-center">
+      <div class="px-6 justify-self-center">
         <LogoDog />
       </div>
     </div>