diff --git a/_layouts/default.html b/_layouts/default.html index 8b8d253..4d71507 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -28,20 +28,29 @@ {{ content }} diff --git a/_sass/style.scss b/_sass/style.scss index 7d93390..e9172b6 100644 --- a/_sass/style.scss +++ b/_sass/style.scss @@ -18,6 +18,24 @@ body { footer { padding: 20px 0; border-top: thin solid $color-primary; + + .container { + max-width: $content-width; + margin: 0 auto; + display: flex; + flex-direction: horizontal; + } + + .container > * { + flex: 1; + margin: 0 20px; + } +} + +@media(max-width: 550px) { + footer .container { + display: block; + } } h1, h2, h3, h4, h5, h6 { @@ -33,7 +51,7 @@ header h1 { main { max-width: $content-width; - margin: 0 auto; + margin: 40px auto; padding: 0 20px; } @@ -48,11 +66,14 @@ article.feed-item { } article.feed-item:first-child { - margin-top: 40px; + margin-top: 0; + padding-top: 0; } article.feed-item:last-child { border-bottom: 0; + margin-bottom: 0; + padding-bottom: 0; } a {