Adjust 2 col width range for cards (#49)

esimkowitz · web-flow · commit 05157756ecb6 · 2024-10-04T08:49:39.000-07:00
diff --git a/src/components/card.css b/src/components/card.css
@@ -5,13 +5,13 @@
     gap: 1rem;
 }
 
-@media (max-width: 600px) {
+@media (max-width: 650px) {
     .card-group {
         grid-template-columns: 1fr;
     }
 }
 
-@media (600px < width <= 800px) {
+@media (996px < width <= 1170px) {
     .card-group {
         grid-template-columns: repeat(2, 1fr);
     }

Original file line number	Diff line number	Diff line change
`@@ -5,13 +5,13 @@`
`5`	`5`	`gap: 1rem;`
`6`	`6`	`}`
`7`	`7`
`8`		`-@media (max-width: 600px) {`
	`8`	`+@media (max-width: 650px) {`
`9`	`9`	`.card-group {`
`10`	`10`	`grid-template-columns: 1fr;`
`11`	`11`	`}`
`12`	`12`	`}`
`13`	`13`
`14`		`-@media (600px < width <= 800px) {`
	`14`	`+@media (996px < width <= 1170px) {`
`15`	`15`	`.card-group {`
`16`	`16`	`grid-template-columns: repeat(2, 1fr);`
`17`	`17`	`}`