diff options
| author | Ian Lewis <ianmlewis@gmail.com> | 2019-03-31 21:05:39 -0400 |
|---|---|---|
| committer | Adin Scannell <ascannell@google.com> | 2019-04-02 16:11:52 -0700 |
| commit | 025a0a7999724afdb3e3214172ef565da572dc92 (patch) | |
| tree | 302460664408ea39b4094d02e80891015d7ab524 | |
| parent | 8a30257ad9eb5f38b11732c6cfa93d0f6adf9624 (diff) | |
Center the cover block for mobile devices
| -rw-r--r-- | assets/scss/_styles_project.scss | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 4680b1006..de91e67c2 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -30,6 +30,11 @@ a.doc-table-anchor { } // Left align the cover block and increase text size. +.td-default main section.td-cover-block { + @media (max-width: 768px) { + text-align: center; + } +} .td-default main section.td-cover-block h1 { padding-bottom: 5rem; } @@ -38,7 +43,9 @@ a.doc-table-anchor { padding-bottom: 8rem; } .td-default main section.td-cover-block p.lead { - width: 50%; + @media (min-width: 768px) { + width: 50%; + } font-size: 2rem; } .td-default main section.td-cover-block p.lead strong { |