From 8068dff736cc5b19585f367ae2d63303e07785e0 Mon Sep 17 00:00:00 2001
From: Max Wilson <wilson.max@gmail.com>
Date: Sun, 26 Nov 2023 19:34:54 -0800
Subject: [PATCH] Make columns shrink equally/make sure they are equal width
 even on narrow screens, by giving them all the same basis.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

See https://css-tricks.com/equal-columns-with-flexbox-its-more-complicated-than-you-might-think/

"flex-shrink is a ratio. If everything has the same flex-shrink (which is 1 by default), they all shrink at the same rate. That doesn’t mean they all shrink to the same size or by the same amount, but they all shrink at the same rate."
---
 main.sass | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/main.sass b/main.sass
index 31eeea4..fd08297 100644
--- a/main.sass
+++ b/main.sass
@@ -128,7 +128,7 @@ ul
     width: calc(100% - 6px)
     gap: 10px
     > *
-        flex: 1
+        flex: 1 1 100%
         max-height: 100%
 
 .scrollParent