Freifunk-Rhein-Sieg/freifunk-rhein-sieg.net
4
1
Fork 2
Code Issues Pull Requests 1 Packages Releases Wiki Activity

Improved responsive design for small displays with css media queries

Browse Source
This commit is contained in:
Andreas Kurm 2020-02-09 17:46:39 +01:00
parent 507210b0a0
commit 23f7b20a5b
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
site/themes/hugo_ff_theme/static/css/custom.css
View File

@ -47,3 +47,24 @@ footer{
.btn-on-com-card:hover{ .btn-on-com-card:hover{
background-color: hsl(42, 100%, 45%); background-color: hsl(42, 100%, 45%);
} }
@media all and (max-width: 900px) {
.card-deck {
display:block!important;
}
.card{
margin-bottom:15px!important;
}
}
@media all and (max-width: 700px) {
.container{
width: 100%!important;
}
h1{margin: 1em 0;}
h2{margin-top: 1em;}
h3{margin-top: 0.5em;}
}