Center grid
This commit is contained in:
parent
40909408a8
commit
e2e8f488bf
@ -17,14 +17,15 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#wrapper {
|
#wrapper {
|
||||||
text-align: center;
|
height: 100%;
|
||||||
|
display: grid;
|
||||||
}
|
}
|
||||||
.itemlist {
|
.itemlist {
|
||||||
display: inline-grid;
|
display: inline-grid;
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
margin: 0.5em 0;
|
margin: auto;
|
||||||
}
|
}
|
||||||
@media only screen and (min-width: 600px) and (max-width: 799px) {
|
@media only screen and (min-width: 600px) {
|
||||||
.itemlist {
|
.itemlist {
|
||||||
grid-template-columns: repeat(3, 1fr);
|
grid-template-columns: repeat(3, 1fr);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user