diff --git a/_sass/_main.scss b/_sass/_main.scss index 74b7026e11621..6ba555563831f 100644 --- a/_sass/_main.scss +++ b/_sass/_main.scss @@ -27,7 +27,7 @@ img { .site-wrap { min-height: 100%; - margin-bottom: -100px; + margin-bottom: -120px; } .site-wrap:after { @@ -36,7 +36,7 @@ img { } .footer, .site-wrap:after { - height: 100px; + height: 120px; } body { @@ -271,49 +271,6 @@ h6, top: 0.1em; } -@media screen and (max-width: 48em) { - .h1, - h1 { - font-size: 2.827rem; - } - - .h2, - h2 { - font-size: 1.999rem; - } - - .h3, - h3 { - font-size: 1.413rem; - } - - .h4, - h4 { - font-size: 1rem; - } - - .site-header { - text-align: center; - } - - .site-header .site-title { - float: center; - } - - .site-header .site-nav { - width: 100%; - float: left; - text-align: center; - margin-top: 0.666em; - margin-bottom: 1.333em; - } - - .social-icons .left, .social-icons .right { - text-align: center; - float: none; - } -} - @media screen and (min-width: 48em) { .site-header .site-title { float: left; @@ -374,6 +331,49 @@ h6, } } +@media screen and (max-width: 48em) { + .h1, + h1 { + font-size: 2.827rem; + } + + .h2, + h2 { + font-size: 1.999rem; + } + + .h3, + h3 { + font-size: 1.413rem; + } + + .h4, + h4 { + font-size: 1rem; + } + + .site-header { + text-align: center; + } + + .site-header .site-title { + float: center; + } + + .site-header .site-nav { + width: 100%; + float: left; + text-align: center; + margin-top: 0.666em; + margin-bottom: 1.333em; + } + + .social-icons .left, .social-icons .right { + text-align: center; + float: none; + } +} + @media screen and (min-width: 64em) { .h1, h1 { diff --git a/index.html b/index.html index daeae6f3c21bb..e80d2bd3bd174 100644 --- a/index.html +++ b/index.html @@ -17,6 +17,4 @@

{{ post.title }}

{% include pagination.html %} - -