Changed css.

This commit is contained in:
2023-07-30 20:54:45 -04:00
parent 306def68d6
commit 84faf3d84c

View File

@@ -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);
} }