Header design fixes

assets/css/styles.css

@@ -39,10 +39,16 @@ header {
   @apply transition duration-300 ease-in-out h-full;
   background-color: rgba(0,0,0,0.5);
 }
+.index-header {
+  min-height: 200px;
+  height: 50vh;
+}
+@screen md {
   .index-header {
     min-height: 300px;
     height: 70vh;
   }
+}
 .no-image {
   @apply bg-yuika-blue-500
 }

index.hbs

@@ -13,10 +13,10 @@
       {{/if}}
       <a href="{{@site.url}}" class="block flex flex-col pl-4 flex-grow">
         <div class="">
-          <h1 class="text-4xl font-light text-white">{{@site.title}}</h1>
+          <h1 class="text-2xl md:text-4xl font-light text-white">{{@site.title}}</h1>
         </div>
         <div class="">
-          <p class="text-xl font-light text-white">{{@site.description}}</p>
+          <p class="text-lg md:text-xl font-light text-white">{{@site.description}}</p>
         </div>
       </a>
     </div>

package.json

@@ -1,7 +1,7 @@
 {
     "name": "yuika",
     "description": "nanao.moe's blog theme",
-    "version": "2.1.1",
+    "version": "2.1.2",
     "engines": {
         "ghost-api": "v3"
     },