simple dynamic grid
This commit is contained in:
parent
fd1e7df85d
commit
2ff28605bf
11
style.css
11
style.css
@ -78,6 +78,17 @@ body, html {
|
|||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.grid-container {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 90px);
|
||||||
|
grid-template-rows: repeat(4, 90px);
|
||||||
|
gap: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.grid-item {
|
.grid-item {
|
||||||
font-family: 'SauceCodePro NF', serif;
|
font-family: 'SauceCodePro NF', serif;
|
||||||
background: white;
|
background: white;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user