diff --git a/sass/_main.scss b/sass/_main.scss index 3dba187..077560f 100644 --- a/sass/_main.scss +++ b/sass/_main.scss @@ -59,16 +59,9 @@ body { // LAYOUT .container { - width: 80vw; margin-left: auto; margin-right: auto; - max-width: var(--content-width); -} - -@media screen and (max-width: 480px) { - .container { - width: 90vw; - } + width: min(var(--content-width), 90%); } h1, diff --git a/sass/_nav.scss b/sass/_nav.scss index daa3f5c..5df781f 100644 --- a/sass/_nav.scss +++ b/sass/_nav.scss @@ -5,10 +5,9 @@ border-radius: 999px; box-shadow: 0px 12px 24px -16px rgba(0, 0, 0, 0.5); margin: 1rem auto; - max-width: calc(var(--content-width) + 10rem); position: sticky; top: 1rem; - width: 80vw; + width: min(calc(var(--content-width) + 10rem), 90%); z-index: 1; @media screen and (max-width: 630px) { @@ -17,12 +16,6 @@ } } - @media screen and (max-width: 480px) { - & { - width: 90vw; - } - } - nav { display: flex; flex-wrap: wrap; diff --git a/templates/includes/footer.html b/templates/includes/footer.html index 092a7f0..11439d2 100644 --- a/templates/includes/footer.html +++ b/templates/includes/footer.html @@ -4,7 +4,7 @@ {% endif %} {% if config.extra.footer.show_source %} -
+ {% endif %} {% if config.extra.footer.show_powered_by %}