Add fluid responsive design to page footer

This commit is contained in:
Roan Horning 2024-10-12 10:46:32 -04:00
parent 7cd0cc3056
commit 51adbcd938
Signed by: rho_n
GPG Key ID: 234AEF20B72D5769

View File

@ -299,4 +299,36 @@ table.hosts td:nth-child(4) {
padding-right: clamp(0.10rem, -0.25rem + 3vw, 1rem);
}
body > div > footer {
margin-top: 2rem;
}
footer #more_info nav.column {
clear: both;
font-size: 0.9rem;
margin-left: 0.5rem;
}
footer #more_info nav.column ul li {
float: left;
margin-right: 1.5rem;
margin-bottom: 1rem;
}
footer #more_info nav.column h2 {
font-size: 1.35rem;
margin-top: 0.5rem;
}
footer h1.thick_bar {
clear: left;
font-size: 1.15rem;
}
footer #copyright {
font-size: smaller;
margin-left: 0.5rem;
margin-right: 0.5rem;
}
}