Changed css.
This commit is contained in:
@@ -55,37 +55,37 @@
|
|||||||
* Media queries. *
|
* Media queries. *
|
||||||
****************************************************************************/
|
****************************************************************************/
|
||||||
|
|
||||||
@media (min-width: 700px) {
|
@media (min-width: 300px) {
|
||||||
.grid {
|
.grid {
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 900px) {
|
@media (min-width: 500px) {
|
||||||
.grid {
|
.grid {
|
||||||
grid-template-columns: repeat(3, 1fr);
|
grid-template-columns: repeat(3, 1fr);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 1024px) {
|
@media (min-width: 600px) {
|
||||||
.grid {
|
.grid {
|
||||||
grid-template-columns: repeat(5, 1fr);
|
grid-template-columns: repeat(5, 1fr);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 1280px) {
|
@media (min-width: 1024px) {
|
||||||
.grid {
|
.grid {
|
||||||
grid-template-columns: repeat(7, 1fr);
|
grid-template-columns: repeat(7, 1fr);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 1440px) {
|
@media (min-width: 1280px) {
|
||||||
.grid {
|
.grid {
|
||||||
grid-template-columns: repeat(9, 1fr);
|
grid-template-columns: repeat(9, 1fr);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 1800px) {
|
@media (min-width: 1500px) {
|
||||||
.grid {
|
.grid {
|
||||||
grid-template-columns: repeat(11, 1fr);
|
grid-template-columns: repeat(11, 1fr);
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user