From 7fdb9140c7672e05ab72c70a76247382b88370f2 Mon Sep 17 00:00:00 2001
From: filifa <filifa.breath652@8alias.com>
Date: Sun, 4 Aug 2024 21:17:39 -0500
Subject: [PATCH] add some more explanatory comments

---
 styles.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/styles.css b/styles.css
index f4c4d3f..27cd881 100644
--- a/styles.css
+++ b/styles.css
@@ -81,6 +81,8 @@ article {
 	padding: 20px;
 	text-align: justify;
 	hyphens: auto;
+	/* about page is janky without this; see
+	 * https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Floats#clearing_boxes_wrapped_around_a_float */
 	display: flow-root;
 }
 
@@ -113,12 +115,15 @@ ol ol ol {
 }
 
 @media screen and (min-width: 80ch) {
+	/* to avoid zoom issues, grid layout is only used when mid-width is
+	 * large enough */
 	body {
 		display: grid;
 		place-content: center;
 	}
 
 	main {
+		/* min-width is set due to zoom issues */
 		min-width: 100%;
 		display: flex;
 		align-items: start;
@@ -131,6 +136,7 @@ ol ol ol {
 	}
 
 	article {
+		/* width is set for the about page */
 		width: 80ch;
 		max-width: 80ch;
 		flex: auto;