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