{{ content }} diff --git a/_sass/_base.scss b/_sass/_base.scss index eab7655..7622ac6 100644 --- a/_sass/_base.scss +++ b/_sass/_base.scss @@ -5,6 +5,11 @@ body { line-height: 1.5; } +h1 { + font-size: 3em; + margin: .5em auto; +} + h2 { font-size: 2em; margin: 1em auto; diff --git a/_sass/_masthead.scss b/_sass/_masthead.scss index 44f0e26..ddf289f 100644 --- a/_sass/_masthead.scss +++ b/_sass/_masthead.scss @@ -2,18 +2,22 @@ background: $brand-color; box-sizing: border-box; min-height: 50vh; - padding: 8em 2em; + padding: 2em; position: relative; display: flex; flex-direction: column; justify-content: center; text-align: center; + @media screen and (min-width: $on-laptop) { + padding: 6em 2em; + } } .site-masthead h1 { font-size: 3em; margin-bottom: 0; + margin-top: 0; @media (min-width: $on-tablet) { font-size: 6em; } diff --git a/_sass/_menu.scss b/_sass/_menu.scss index 7fc70e6..770dec8 100644 --- a/_sass/_menu.scss +++ b/_sass/_menu.scss @@ -1,5 +1,5 @@ .site-navigation { - margin-top: 4rem; + margin-top: 2rem; } .site-navigation ul { diff --git a/_sass/_post-list.scss b/_sass/_post-list.scss index 6a7f3b1..fbf8ba8 100644 --- a/_sass/_post-list.scss +++ b/_sass/_post-list.scss @@ -29,6 +29,11 @@ @media (min-width: $on-tablet) { padding: .25em 0; } + h1 { + font-size: 1em; + margin-bottom: 0; + margin-top: 0; + } } .post-link__title + .post-link__excerpt { @@ -41,9 +46,11 @@ display: flex; flex-direction: row; justify-content: space-between; - * > { + text-align: center; + > * { flex-grow: 1; flex-basis: 0; + padding: 1em 0; } a { text-decoration: none; diff --git a/screenshot.png b/screenshot.png index 015b403..72319bd 100644 Binary files a/screenshot.png and b/screenshot.png differ