mobile

Author: DylanVann

packages/docs/index.pug

@@ -18,8 +18,8 @@ html
     body
         - var outline = ['focus:outline-none focus:shadow-outline focus:border-yellow-300']
         div.container.px-3.mb-3
-            div.header.flex.items-center.mb-3.justify-between.flex-col(class="md:flex-row md:my-6")
-                h1.mb-3.text-3xl(class="md:mb-0 md:text-4xl") <img class="emoji" src="moon.png" alt=""><img class="emoji" src="sun.png" alt=""> Perfect Dark Mode
+            div.header.flex.items-center.justify-between.flex-col.my-3(class="md:flex-row md:my-6")
+                h1.mb-3.text-2xl(class="md:mb-0 md:text-4xl") <img class="emoji" src="moon.png" alt=""><img class="emoji" src="sun.png" alt=""> Perfect Dark Mode
                 button.rounded-sm.toggle.flex.flex-col.items-center(style="visibility: hidden;" class=outline)
                     span.label <img class="emoji" src="sun.png" alt=""> color mode
                     span.text-xs (Click Me)