Fix media query format

kategengler · web-flow · commit c0ddda30affe · 2025-09-16T14:40:20.000-04:00
diff --git a/app/assets/styles.css b/app/assets/styles.css
@@ -420,7 +420,7 @@ table td {
    Ideally we'd also switch to the mobile left nav at
    around < 1000px but that requires upstream changes.
 */
-@media (max-width: 80em) {
+@media (width <= 80em) {
   .content-wrapper {
     gap: 2em;
     grid-template-columns: minmax(20ch, 80ch) 10em;
@@ -431,7 +431,7 @@ table td {
   }
 }
 
-@media (max-width: 500px) {
+@media (width <= 500px) {
   .content-wrapper {
     grid-template-columns: minmax(20ch, 80ch);
   }

Original file line number	Diff line number	Diff line change
`@@ -420,7 +420,7 @@ table td {`
`420`	`420`	`Ideally we'd also switch to the mobile left nav at`
`421`	`421`	`around < 1000px but that requires upstream changes.`
`422`	`422`	`*/`
`423`		`-@media (max-width: 80em) {`
	`423`	`+@media (width <= 80em) {`
`424`	`424`	`.content-wrapper {`
`425`	`425`	`gap: 2em;`
`426`	`426`	`grid-template-columns: minmax(20ch, 80ch) 10em;`
`@@ -431,7 +431,7 @@ table td {`
`431`	`431`	`}`
`432`	`432`	`}`
`433`	`433`
`434`		`-@media (max-width: 500px) {`
	`434`	`+@media (width <= 500px) {`
`435`	`435`	`.content-wrapper {`
`436`	`436`	`grid-template-columns: minmax(20ch, 80ch);`
`437`	`437`	`}`