Fix overflow on narrow screens

src/App.tsx

@@ -33,7 +33,7 @@ function App() {
     });
 
   return (
-    <div>
+    <>
       <StringFilter onChange={setStringFilter} />
       <AlphabeticalFilter onChange={setAlphabeticalFilter} />
       {entries.length} entries found
@@ -45,7 +45,7 @@ function App() {
           onClose={() => setSelectedCitation(null)}
         />
       )}
-      <dl>
+      <dl style={{ maxWidth: "min(100vw, 64ch)" }}>
         {entries.map((term) => (
           <GlossaryEntry
             term={term}
@@ -54,7 +54,7 @@ function App() {
           />
         ))}
       </dl>
-    </div>
+    </>
   );
 }
 export default App;

src/components/GlossaryEntry/GlossaryEntry.css

@@ -2,10 +2,6 @@ dt {
   font-weight: bold;
 }
 
-dd {
-  max-width: 64ch;
-}
-
 dd + dd {
   margin-top: 1rem;
   border-top: 1px solid var(--color-border);