diff options
| -rw-r--r-- | src/scss/blog.scss | 6 | ||||
| -rw-r--r-- | src/scss/main.scss | 35 |
2 files changed, 41 insertions, 0 deletions
diff --git a/src/scss/blog.scss b/src/scss/blog.scss index 6fad483..665c5a4 100644 --- a/src/scss/blog.scss +++ b/src/scss/blog.scss @@ -17,6 +17,12 @@ max-width: $page-width - $outer-gap * 2 - $inner-gap; } + code { + display: inline-block; + max-width: 100%; + overflow-x: scroll; + } + img { margin: $inner-gap; max-width: 100%; diff --git a/src/scss/main.scss b/src/scss/main.scss index b643010..c713657 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -38,6 +38,15 @@ h1 { font-size: 325%; line-height: 100%; margin: 15px 0; + + @media (max-width: 400px) { + font-size: 300%; + margin: 12px 0; + } + + @media (max-width: 340px) { + font-size: 250%; + } } h2 { @@ -45,6 +54,15 @@ h2 { font-size: 200%; line-height: 100%; margin: 12px 0; + + @media (max-width: 400px) { + font-size: 175%; + margin: 9px 0; + } + + @media (max-width: 340px) { + font-size: 165%; + } } h3 { @@ -52,6 +70,15 @@ h3 { font-size: 150%; line-height: 100%; margin: 5px 0; + + @media (max-width: 400px) { + font-size: 125%; + margin: 4px 0; + } + + @media (max-width: 340px) { + font-size: 120%; + } } h4 { @@ -59,6 +86,14 @@ h4 { font-size: 130%; line-height: 100%; margin: 2px 0; + + @media (max-width: 400px) { + font-size: 120%; + } + + @media (max-width: 340px) { + font-size: 115%; + } } a, |