Responsive tweaks

Author: adamwathan

source/docs/what-is-tailwind.blade.md

@@ -5,11 +5,11 @@ description: null
 ---
 
 <div class="flex items-center justify-center">
-  <svg class="w-24 h-24 block mr-4 -ml-4" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="0%" y1="0%" y2="100%" id="a"><stop stop-color="#2383AE" offset="0%"/><stop stop-color="#6DD7B9" offset="100%"/></linearGradient></defs><path d="M10 8c1.333-5.333 4.667-8 10-8 8 0 9 6 13 7 2.667.667 5-.333 7-3-1.333 5.333-4.667 8-10 8-8 0-9-6-13-7-2.667-.667-5 .333-7 3zM0 20c1.333-5.333 4.667-8 10-8 8 0 9 6 13 7 2.667.667 5-.333 7-3-1.333 5.333-4.667 8-10 8-8 0-9-6-13-7-2.667-.667-5 .333-7 3z" transform="translate(4 12)" fill="url(#a)" fill-rule="nonzero"/></svg>
-  <h1 class="text-center font-semibold text-5xl tracking-tight mb-1">Tailwind CSS</h1>
+  <svg class="h-20 w-20 sm:w-24 sm:h-24 block mr-4 -ml-4" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="0%" y1="0%" y2="100%" id="a"><stop stop-color="#2383AE" offset="0%"/><stop stop-color="#6DD7B9" offset="100%"/></linearGradient></defs><path d="M10 8c1.333-5.333 4.667-8 10-8 8 0 9 6 13 7 2.667.667 5-.333 7-3-1.333 5.333-4.667 8-10 8-8 0-9-6-13-7-2.667-.667-5 .333-7 3zM0 20c1.333-5.333 4.667-8 10-8 8 0 9 6 13 7 2.667.667 5-.333 7-3-1.333 5.333-4.667 8-10 8-8 0-9-6-13-7-2.667-.667-5 .333-7 3z" transform="translate(4 12)" fill="url(#a)" fill-rule="nonzero"/></svg>
+  <h1 class="text-center font-semibold text-4xl sm:text-5xl tracking-tight mb-1">Tailwind CSS</h1>
 </div>
 
-<div class="max-w-sm mx-auto text-center text-2xl text-grey-dark mb-16">
+<div class="max-w-sm mx-auto text-center text-xl sm:text-2xl text-grey-dark mb-16">
   <p class="leading-tight">
    A utility-first CSS framework for rapidly building custom user interfaces.
   </p>