Fix grid layout on PC screen
All checks were successful
Build Formula10 Docker Image / build-docker (push) Successful in 14s
All checks were successful
Build Formula10 Docker Image / build-docker (push) Successful in 14s
This commit is contained in:
13
formula10/static/style/grid.css
Normal file
13
formula10/static/style/grid.css
Normal file
@ -0,0 +1,13 @@
|
||||
.card-grid {
|
||||
grid-template-columns: repeat(auto-fit, minmax(325px, 1fr));
|
||||
grid-row-gap: 0;
|
||||
grid-column-gap: 8px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 470px) {
|
||||
.card-grid {
|
||||
grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
|
||||
grid-row-gap: 0;
|
||||
grid-column-gap: 8px;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user