|
|
|
@ -1,7 +1,8 @@
|
|
|
|
|
div.dashboard {
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template-columns : repeat(auto-fill,minmax(9rem, 9rem));
|
|
|
|
|
grid-template-rows: repeat(auto-fill,minmax(9rem, 9rem));
|
|
|
|
|
grid-template-columns : repeat(auto-fill,minmax(125px, 125px));
|
|
|
|
|
grid-template-rows: repeat(auto-fill,minmax(100px, 100px));
|
|
|
|
|
justify-content: center;
|
|
|
|
|
grid-auto-flow: row;
|
|
|
|
|
grid-column-gap: 10px;
|
|
|
|
|
grid-row-gap: 10px;
|
|
|
|
@ -12,7 +13,7 @@ div.dashboard {
|
|
|
|
|
|
|
|
|
|
@media (max-width: 1300px) {
|
|
|
|
|
div.dashboard {
|
|
|
|
|
grid-template-columns : repeat(8,minmax(9rem, 9rem));
|
|
|
|
|
grid-template-columns : repeat(8,minmax(125px, 125px));
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|