diff --git a/_includes/footer.css b/_includes/footer.css index 7cb0951..912ef50 100644 --- a/_includes/footer.css +++ b/_includes/footer.css @@ -7,7 +7,8 @@ footer { margin: 0; padding: 0; display: flex; - gap: 1.3em; + gap: .5em 1.3em; + flex-wrap: wrap; } #footerNav li { @@ -32,8 +33,10 @@ footer { gap: 1em; } -.footer-container > :nth-last-child(-n + 2) { - text-align: end; +@media (width >= 1024px) { + .footer-container > :nth-last-child(-n + 2) { + text-align: end; + } } .designCredit { @@ -63,3 +66,10 @@ footer { .languageSwitch a:hover { background: #d5dbe4; } + +@media (width < 1024px) { + .footer-container { + grid-template-columns: auto; + grid-template-rows: repeat(4, auto); + } +}