Adjust font size on smaller screens

source/_layouts/default.html.twig

@@ -1,7 +1,7 @@
 {% extends 'app' %}
 
 {% block body %}
-    <div class="font-sans text-lg font-light text-gray-900 dark:bg-gray-900 dark:text-white">
+    <div class="font-sans text-base font-light text-gray-900 md:text-lg dark:bg-gray-900 dark:text-white">
         <a class="sr-only focus:not-sr-only" href="#main-content">Skip to main content</a>
 
         {% include 'navbar' %}

source/_layouts/page.html.twig

@@ -2,7 +2,7 @@
 
 {% block content_wrapper %}
     <div>
-        <h1 class="text-2xl font-bold">{{ page.title }}</h1>
+        <h1 class="text-xl font-bold md:text-2xl">{{ page.title }}</h1>
 
         {{ parent() }}
     </div>

source/_pages/blog.html.twig

@@ -4,19 +4,19 @@ use:
   - posts
 ---
 
-<p class="mt-4 text-xl">I enjoy writing articles and have written a number of them so far during my career, both to document my own learning as well to act as resources for others.</p>
+<p class="mt-4 md:text-xl">I enjoy writing articles and have written a number of them so far during my career, both to document my own learning as well to act as resources for others.</p>
 
 <div class="mt-6">
     <div class="space-y-6">
         {% for talk in data.posts %}
             <article>
-                <h2 class="text-xl">
+                <h2>
                     <a class="text-blue-700 dark:text-blue-400" href="{{ talk.url }}">
                         {{ talk.title }}
                     </a>
                 </h2>
 
-                <p class="mt-1 text-xl leading-7">{{ talk.excerpt }}</p>
+                <p class="mt-1 leading-6">{{ talk.excerpt }}</p>
             </article>
         {% endfor %}
     </div>

source/_pages/talks.html.twig

@@ -4,19 +4,19 @@ use:
   - talks
 ---
 
-<p class="mt-4 text-xl">After giving my first talk in September 2012, I have now given 81 presentations and workshops at various conferences and meetups, in-person and remotely, on topics including PHP, Drupal, automated testing, Git, CSS, and systems administration.</p>
+<p class="mt-4">After giving my first talk in September 2012, I have now given 81 presentations and workshops at various conferences and meetups, in-person and remotely, on topics including PHP, Drupal, automated testing, Git, CSS, and systems administration.</p>
 
 <div class="mt-6">
     <div class="space-y-6">
         {% for talk in data.talks|sort((a,b) => a.sortable_date < b.sortable_date) %}
             <article>
-                <h2 class="text-xl">
+                <h2>
                     <a class="text-blue-700 dark:text-blue-400" href="{{ talk.url }}">
                         {{ talk.title }}
                     </a>
                 </h2>
 
-                <p class="mt-1 text-xl leading-7">{{ talk.description }}</p>
+                <p class="mt-1 leading-6">{{ talk.description }}</p>
             </article>
         {% endfor %}
     </div>