diff --git a/src/css/custom.css b/src/css/custom.css index 9de16964c..7c519d8fa 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -9,7 +9,18 @@ html[data-theme='dark'] { .wrapper { margin: 0 auto; max-width: 1100px; - padding: 0 20px; + padding: 0 70px; + margin-top: 30px; +} + +.help-heading-1 { + font-size: 3em; + margin-bottom: 30px; +} + +.help-heading-2 { + font-size: 2.5em; + margin: 30px 0; } .center { @@ -121,16 +132,12 @@ html[data-theme='dark'] { padding-bottom: 40px; padding-top: 40px; } - - .wrapper { - max-width: 1400px; - } } .mainContainer { flex: 1 1 0%; max-width: 100%; - padding: 40px 0; + margin-bottom: 50px; } .mainContainer .wrapper { @@ -396,6 +403,9 @@ html[data-theme='dark'] { } @media only screen and (max-width: 735px) { + .wrapper { + padding: 0 20px; + } .showcaseSection .logos img { max-height: 64px; padding: 20px; diff --git a/src/pages/help.js b/src/pages/help.js index 5c1ca8dc2..a5e318d1e 100755 --- a/src/pages/help.js +++ b/src/pages/help.js @@ -61,7 +61,7 @@ export default function Help(props) {
Learn how to test JavaScript with{' '}
Thanks! The Testing Library maintainers are happy to maintain this