update css grid responsiveness

master
nberting 6 years ago
parent 4161d01d56
commit 1575ba828f

@ -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;

Loading…
Cancel
Save