Repository navigation

Commit b3a4bca

and

authored

Wrap long words and URLs so pages reflow when zoomed in (#146)

At 400% zoom, a long URL in a post pushed the page wider than the viewport, so readers had to scroll sideways to read it. Setting overflow-wrap: break-word on body lets it break onto the next line, like Twenty Twenty and Twenty Twenty-One do. Part of #44. Co-authored-by: Claude Opus 5.5 <noreply@anthropic.com>

1 parent cbf8bb4 commit b3a4bcaCopy full SHA for b3a4bca

1 file changed

style.css

`‎style.css‎`

-Original file line number
+Diff line change
 	text-rendering: geometricprecision;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
++
 +	/*
 +	 * Let long unbroken strings, such as URLs, break onto the next line
 +	 * instead of pushing the page wider than the viewport when zoomed in.
 +	 * https://www.w3.org/WAI/WCAG22/Understanding/reflow.html
 +	 */
 +	overflow-wrap: break-word;
+}
 /*

Comments

(0)