From 22d89d4bb39e117d87d0251868c3e2b3c210095a Mon Sep 17 00:00:00 2001
From: Hyperling <me@hyperling.com>
Date: Mon, 5 Oct 2026 09:05:01 -0700
Subject: [PATCH] main, update CSS so that phones and tablets break columns
 into rows again.

---
 pages/helpers/main.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/pages/helpers/main.css b/pages/helpers/main.css
index 2080a0d..afde75e 100644
--- a/pages/helpers/main.css
+++ b/pages/helpers/main.css
@@ -41,6 +41,26 @@
             border-radius: 4px;
 			}
 
+			/* Handle mobile devices a bit better, making columns break out as rows. */
+
+			/* Phones */
+			@media (max-width: 767px) {
+				[class*="col-"] {
+					float: none;
+					display: block;
+					width: 100%;
+				}
+			}
+
+			/* Tablets */
+			@media (min-width: 768px) and (max-width: 1023px) {
+				[class*="col-"] {
+					float: none;
+					display: block;
+					width: 50%;
+				}
+			}
+
 			/** Make the menu items centered and layout horizontal. **/
 			/*
 			.menu {