Skip to content

Commit 0e1c14c

Browse files
committed
fix: Mobile responsive - prevent horizontal scroll
1 parent 72ef703 commit 0e1c14c

1 file changed

Lines changed: 10 additions & 2 deletions

File tree

docs/index.html

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,11 @@
4242
box-sizing: border-box;
4343
}
4444

45+
html, body {
46+
overflow-x: hidden;
47+
width: 100%;
48+
}
49+
4550
body {
4651
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
4752
background: var(--bg);
@@ -151,7 +156,7 @@
151156

152157
.download-grid {
153158
display: grid;
154-
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
159+
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
155160
gap: 16px;
156161
margin-top: 24px;
157162
}
@@ -204,6 +209,9 @@
204209
border-radius: 8px;
205210
overflow-x: auto;
206211
margin: 12px 0;
212+
max-width: 100%;
213+
word-wrap: break-word;
214+
white-space: pre-wrap;
207215
}
208216

209217
pre code {
@@ -248,7 +256,7 @@
248256

249257
.features-grid {
250258
display: grid;
251-
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
259+
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
252260
gap: 16px;
253261
}
254262

0 commit comments

Comments
 (0)