diff --git a/assets/style.scss b/assets/style.scss index 2de262b..8ee4d08 100644 --- a/assets/style.scss +++ b/assets/style.scss @@ -31,15 +31,18 @@ body { } header, footer { - padding: 0 1rem; + padding: 1rem; } header { align-items: center; + background: $color-background; display: flex; flex-wrap: wrap; justify-content: space-between; - margin-top: 1rem; + position: sticky; + top: 0; + z-index: 1; a img { display: block; @@ -89,7 +92,7 @@ header { } main { - padding: 1rem; + padding: 0 1rem; & > :last-child { margin-bottom: 0 !important; @@ -100,16 +103,12 @@ main { } } -footer { - margin-bottom: 1rem; +footer nav { + align-items: end; - nav { - align-items: end; - - @media screen and (min-width: $small) { - align-items: normal; - justify-content: end; - } + @media screen and (min-width: $small) { + align-items: normal; + justify-content: end; } }