Rohan Verma

Commit Diff

Commit:
8c3a37bfa8368b9ff893e5051d7e190592050ee3
From:
Rohan Verma <rohan@rsap.sh>
Date:
Message:
phone: fit all five links on one row
Actions:
Patch | Tree
commit - 352f9747a730ac0ca1ce0607c662a733d1eb4a71
commit + 8c3a37bfa8368b9ff893e5051d7e190592050ee3
blob - 840bfdfbfe42cb0e5a09be8b3b56a5c04144bee0
blob + 4ae20127d9f89d0705a03b2512868ee78fbc848f
--- static/style.css
+++ static/style.css
@@ -294,6 +294,18 @@ footer a {
 		grid-area: 5 / 1 / auto / -1;
 		margin-top: 14px;
 	}
+	/* one row spread edge to edge: the five links are about 22em of text,
+	 * so the size follows the width of the column (viewport minus gutters) */
+	.links {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+		gap: .3em .5em;
+		font-size: min(.9em, calc((100vw - 32px) / 25));
+	}
+	.links a + a:before {
+		content: none;
+	}
 	h1 {
 		font-size: 1.7em;
 	}