diff --git a/src/sass/common/_base.scss b/src/sass/common/_base.scss index 7600b83..b6b6d88 100644 --- a/src/sass/common/_base.scss +++ b/src/sass/common/_base.scss @@ -38,7 +38,9 @@ body { } .main { - padding: 1rem; + margin: 1rem; + @include px(1rem); + @include screen(sm) { @include px(2rem); } diff --git a/src/sass/components/_postheader.scss b/src/sass/components/_postheader.scss index 139c103..4cc48ac 100644 --- a/src/sass/components/_postheader.scss +++ b/src/sass/components/_postheader.scss @@ -1,7 +1,7 @@ .post-header { width: 100%; - padding-top: 3rem; - padding-bottom: 1rem; + margin-top: 3rem; + margin-bottom: 1rem; &__heading { @include my(0.5rem); @@ -109,6 +109,7 @@ position: absolute; bottom: 1rem; box-shadow: 0px 0px 4px 1px var(--accent-color); + z-index: 120; @include transition; @include screen(md) { diff --git a/src/sass/ghost.scss b/src/sass/ghost.scss index 67d75c6..484716b 100644 --- a/src/sass/ghost.scss +++ b/src/sass/ghost.scss @@ -31,6 +31,7 @@ position: absolute; bottom: 2rem; box-shadow: 0px 0px 4px 1px var(--accent-color); + z-index: 120; @include transition; @include screen(md) {