From 04768d5433f3fdade45b18dacf1159177f2f8fa8 Mon Sep 17 00:00:00 2001
From: Marcin Chrzanowski <m@m-chrzan.xyz>
Date: Sun, 12 Sep 2021 19:57:37 +0200
Subject: Modify list columns with screen width

---
 src/style.css | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

(limited to 'src/style.css')

diff --git a/src/style.css b/src/style.css
index f6ec3cc..9cde21f 100644
--- a/src/style.css
+++ b/src/style.css
@@ -15,9 +15,20 @@ a:hover {
     color: #55f;
 }
 
-ul {
+#songs {
     list-style-type: '';
-    column-count: 3;
+}
+
+@media (min-width: 55em) {
+  #songs {
+    column-count: 2 ;
+  }
+}
+
+@media (min-width: 100em) {
+  #songs {
+    column-count: 3 ;
+  }
 }
 
 li {
-- 
cgit v1.2.3