css/balance

rtfd/public/html/index.html

@@ -24,7 +24,7 @@
     <main>
 
       <!-- Comment. -->
-      <h1>Root heading</h1>
+      <h1>This is some long root heading</h1>
 
       <div class="sectionless">
         <p><span class="thing">It</span> is <strong>important</strong>.</p>

rtfd/public/html/style/main.css

@@ -40,8 +40,10 @@ padding: 1em 2em;
 .columns {
 display: grid;
 gap: 1em;
+@media (width > 600px) {
 grid-template-columns: 1fr 2fr;
 }
+}
 
 .sectionless {
 background-color: #630;

rtfd/public/html/style/reset.css

@@ -5,3 +5,7 @@ margin: .5px;
 padding: .5em;
 /**/
 }
+
+h1, h2, h3, h4, h5, h6 {
+text-wrap: balance;
+}