FSR/ese-website
21
2
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

make footer responsive

Browse source
This commit is contained in:
Lyn Fugmann 2024-09-25 18:27:55 +02:00
parent 0dd1689a35
commit 748b0c213e
1 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
_includes/footer.css
View file

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