From 7acad66be976588067e2a129ec5b5f4c6e80386c Mon Sep 17 00:00:00 2001
From: Stefan Imhoff <stefan@imhoff.name>
Date: Sat, 10 Jun 2023 16:45:49 +0200
Subject: [PATCH] chore: remove custom media query

---
 src/pages/haiku/[...slug].astro | 6 +++---
 tailwind.config.cjs             | 1 -
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/pages/haiku/[...slug].astro b/src/pages/haiku/[...slug].astro
index aa8b722..3a1e436 100644
--- a/src/pages/haiku/[...slug].astro
+++ b/src/pages/haiku/[...slug].astro
@@ -38,18 +38,18 @@ const description = '…';
 			backLink="/haiku/"
 		/>
 		<div
-			class="haiku:grid-cols-[repeat(auto-fit,_minmax(25rem,_1fr)] col-span-full row-start-1 row-end-3 grid w-full grid-cols-[repeat(auto-fit,_minmax(15rem,_1fr))]"
+			class="min-[700px]:grid-cols-[repeat(auto-fit,_minmax(25rem,_1fr)] col-span-full row-start-1 row-end-3 grid w-full grid-cols-[repeat(auto-fit,_minmax(15rem,_1fr))]"
 		>
 			<div class="grid h-full w-full items-center">
 				<Verse
-					class="justify-center text-center text-3 font-black not-italic !leading-relaxed haiku:text-4"
+					class="justify-center text-center text-3 font-black not-italic !leading-relaxed min-[700px]:text-4"
 				>
 					{entry.data.de}
 				</Verse>
 			</div>
 			<div class="grid h-full w-full items-center bg-[#d0cdc8] dark:bg-[#0e0d0c]">
 				<Verse
-					class="justify-center text-center text-3 font-black not-italic !leading-relaxed haiku:text-4"
+					class="justify-center text-center text-3 font-black not-italic !leading-relaxed min-[700px]:text-4"
 				>
 					{entry.data.en}
 				</Verse>
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 34d64c4..647f68f 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -9,7 +9,6 @@ module.exports = {
 				md: '768px',
 				xl: '1280px',
 				'3xl': '1800px',
-				haiku: '25rem',
 			},
 			colors: {
 				accent: '#e60510',