Add fluid responsive design to page footer
This commit is contained in:
parent
7cd0cc3056
commit
51adbcd938
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user