varia/xppl
14
0
Fork 0
Code Issues 6 Pull Requests Releases Activity

update css grid responsiveness

Browse Source
This commit is contained in:
nberting 2018-06-11 18:45:09 +02:00
parent 4161d01d56
commit 1575ba828f
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/static/css/style.css
View File

@ -357,7 +357,7 @@ box-sizing: border-box;
justify-items: center; justify-items: center;
} }
@media screen and (max-width: 900px) { @media screen and (max-width: 1000px) {
.grid{ .grid{
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr;
@ -365,15 +365,16 @@ box-sizing: border-box;
align-items: top; align-items: top;
justify-items: center; justify-items: center;
} }
}
@media screen and (max-width: 400px) { @media screen and (max-width: 600px) {
.grid{ .grid{
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr 1fr 1fr;
align-items: center; grid-gap: 2px;
align-items: top;
justify-items: center; justify-items: center;
} }
}
.gridbox { .gridbox {
display: inline-block; display: inline-block;