From db85fe78e88b9de3848801176997241da51adcb9 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 16 Apr 2019 21:23:13 +0100
Subject: [PATCH] Limit line length on smaller screens

---
 .../src/css/components/content.css                       | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/wp-content/themes/twentynineteen-tailwindcss/src/css/components/content.css b/wp-content/themes/twentynineteen-tailwindcss/src/css/components/content.css
index 878391b..4aa52f4 100644
--- a/wp-content/themes/twentynineteen-tailwindcss/src/css/components/content.css
+++ b/wp-content/themes/twentynineteen-tailwindcss/src/css/components/content.css
@@ -1,11 +1,18 @@
 .entry-content {
-  @apply bg-red-500;
   @apply font-serif text-lg leading-loose;
 
   @screen md {
     @apply text-xl;
   }
 
+  > * {
+    @apply max-w-2xl;
+
+    @screen 2xl {
+      @apply max-w-full;
+    }
+  }
+
   h2 {
     @apply text-2xl font-bold mt-8 -mb-5;
   }