Mirror of my GitHub Pages site
www.spenser.black/
Fix horizontal sizing of steamdown page (#6)
The `<textarea>` and `<pre>` were overflowing the page horizontally,
making those elements appear much wider than the rest of the content on
mobile.
This sets the `<textarea>` to 100% width (which looks pretty nice
compared to the fieldset's legend), and allows horizontal scrolling on
the output.
authored by
Spenser Black
and committed by
GitHub
(Jul 16, 2026, 11:59 PM UTC)
f5723106
a51a6c7a
+8
-1
+8
-1
src/pages/steamdown.astro
+8
-1
src/pages/steamdown.astro
···
34
34
placeholder={placeholder}
35
35
spellcheck="true"
36
36
wrap="soft"
37
-
cols="90"
38
37
rows="10">{placeholder}</textarea
39
38
>
40
39
<fieldset class="inline">
···
163
162
.spoiler:hover {
164
163
color: white;
165
164
}
165
+
}
166
+
167
+
#steamdown-source {
168
+
width: 100%;
169
+
margin: auto;
170
+
}
171
+
#output-markup-content {
172
+
overflow-x: auto;
166
173
}
167
174
</style>