[frontend] Footer styling adjustments (#709)

* adjust footer rendering

* use max-width instead of orientation

* remove margin-top when screen small
This commit is contained in:
tobi 2022-07-15 13:23:15 +02:00 committed by GitHub
parent 839c4346ad
commit c7e5c660fb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -250,15 +250,16 @@ input, select, textarea {
footer {
align-self: end;
padding: 2rem 0 1rem 0;
padding: 2rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
div {
margin: 0 2rem;
text-align: center;
padding: 1rem;
flex-grow: 1;
}
a {
@ -266,17 +267,17 @@ footer {
}
}
@media screen and (orientation: portrait) {
@media screen and (max-width: 600px) {
header {
text-align: center;
}
footer {
margin-top: 2rem;
grid-template-columns: 1fr;
div {
margin: 0.3rem 0;
text-align: initial;
width: 100%;
}
}