From b51099e8f4771bb3be417d1ab7bb1dfcc01aba06 Mon Sep 17 00:00:00 2001
From: Job Curtis <job.curtis@gmail.com>
Date: Wed, 10 Jan 2024 19:11:52 +0000
Subject: [PATCH] Add grid layouts for smaller screens to /artwork grid

---
 www/css/artwork.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/www/css/artwork.css b/www/css/artwork.css
index cd0031dd..90040928 100644
--- a/www/css/artwork.css
+++ b/www/css/artwork.css
@@ -276,3 +276,23 @@ form div.footer{
 		grid-column: 1;
 	}
 }
+
+@media(max-width: 1020px){
+	main > section > ol.artwork-list{
+		grid-template-columns: repeat(3, 1fr);
+		gap: 3rem;
+	}
+}
+
+@media(max-width: 760px){
+	main > section > ol.artwork-list{
+		grid-template-columns: repeat(2, 1fr);
+		gap: 3rem;
+	}
+}
+
+@media(max-width: 480px){
+	main > section > ol.artwork-list{
+		grid-template-columns: repeat(1, 1fr);
+	}
+}