From acf46b01985a7f38385101fa6f99f620ddd0252d Mon Sep 17 00:00:00 2001
From: Rosa <rosaontheweb@proton.me>
Date: Wed, 27 May 2026 15:06:19 -0400
Subject: very simple media queries

---
 src/pages/members/index.html | 11 +++++++++++
 src/templates/base.html      | 12 ++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/src/pages/members/index.html b/src/pages/members/index.html
index d3ab8f6..f2e0624 100644
--- a/src/pages/members/index.html
+++ b/src/pages/members/index.html
@@ -29,6 +29,17 @@ members
 		float: right;
 		margin-right: 0.5rem;
 	}
+
+	@media screen and (max-width: 720px) {
+		section.member-info {
+			grid-template-columns: initial;
+			grid-template-rows: 1fr 1fr;
+		}
+
+		section.member-info div#image-container, section.member-info header h2 {
+			text-align: center;
+		}
+	}
 </style>
 <!--: endreplace -->
 
diff --git a/src/templates/base.html b/src/templates/base.html
index c72c6cf..146a7c9 100644
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -57,6 +57,7 @@
 
 		#main-navigation ul {
 			list-style: none;
+			padding: 0;
 		}
 
 		#main-navigation ul li {
@@ -105,6 +106,17 @@
 		.subtle {
 			color: #333;
 		}
+
+		@media screen and (width <= 720px) {
+			body {
+				margin-left: 5%;
+				margin-right: 5%;
+			}
+
+			#main-navigation ul li {
+				display: block;
+			}
+		}
 	</style>
 	{{extraHead}}
 </head>
-- 
cgit v1.3.1