CSS Documentation
This commit is contained in:
parent
46ec46e26d
commit
fa4e80c262
|
|
@ -17,18 +17,18 @@
|
||||||
background-color: #444444;
|
background-color: #444444;
|
||||||
/*overflow: hidden;*/
|
/*overflow: hidden;*/
|
||||||
}
|
}
|
||||||
.grid-container {
|
.grid-container { /* Default to single column for small screens */
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: auto;
|
grid-template-columns: auto;
|
||||||
grid-gap: 2px 2px;
|
grid-gap: 2px 2px;
|
||||||
/* height: 90vh; */
|
/* height: 90vh; */
|
||||||
}
|
}
|
||||||
@media only screen and (min-width: 640px){
|
@media only screen and (min-width: 640px){ /* Two columns for tablets */
|
||||||
.grid-container {
|
.grid-container {
|
||||||
grid-template-columns: auto auto;
|
grid-template-columns: auto auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media only screen and (min-width: 981px){
|
@media only screen and (min-width: 981px){ /* Three columns for large screens */
|
||||||
.grid-container {
|
.grid-container {
|
||||||
grid-template-columns: auto auto auto;
|
grid-template-columns: auto auto auto;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue