add some more explanatory comments

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;