Skip to content

Commit e19e75d

Browse files
committed
fix broken margin on mobile contact page
- Made tables scrollable to contain overflow content - Forced long code blocks to wrap down to the next line
1 parent 5ee87a3 commit e19e75d

File tree

2 files changed

+12
-0
lines changed

2 files changed

+12
-0
lines changed

_sass/site.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -65,6 +65,13 @@
6565

6666
/* style tables */
6767
table td,table th{padding:10px;border:1px solid #ddd}
68+
/* prevent tables on mobile from breaking right page margin when overflowing*/
69+
table {
70+
display: inline-block;
71+
width: auto;
72+
max-width: 100%;
73+
overflow-x: auto;
74+
}
6875

6976
/*
7077
Global transition

_sass/typography.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -155,3 +155,8 @@ pre {
155155
line-height: 1.5;
156156
overflow-x: auto;
157157
}
158+
/* prevent margin page breaks on mobile from overflow*/
159+
.language-plaintext.highlighter-rouge {
160+
white-space: pre-wrap;
161+
word-break: break-word;
162+
}

0 commit comments

Comments
 (0)