make faq context responsive

possumbilities · web-flow · commit 812b319e1996 · 2025-03-12T20:07:59.000Z
diff --git a/src/css/style.css b/src/css/style.css
@@ -503,6 +503,10 @@
     width: 100%;
   }
 
+  .faq-index .toc article.featured > ul {
+    grid-template-columns: 1fr 1fr;
+  }
+
 }
 
 @media (max-width: 705px) {
@@ -525,8 +529,6 @@
    }
 }
 
-}
-
 @media (max-width:480px) {
   .home-narrative .case-studies > ul {
     display: block;
@@ -535,6 +537,10 @@
   .home-narrative .case-studies > ul li {
     margin-bottom: 3em;
   }
+
+  .faq-index .toc article.featured > ul {
+    display: block;
+  }
 }
 
 @media (max-width: 425px) {

Original file line number	Diff line number	Diff line change
`@@ -503,6 +503,10 @@`
`503`	`503`	`width: 100%;`
`504`	`504`	`}`
`505`	`505`
	`506`	`+ .faq-index .toc article.featured > ul {`
	`507`	`+ grid-template-columns: 1fr 1fr;`
	`508`	`+ }`
	`509`	`+`
`506`	`510`	`}`
`507`	`511`
`508`	`512`	`@media (max-width: 705px) {`
`@@ -525,8 +529,6 @@`
`525`	`529`	`}`
`526`	`530`	`}`
`527`	`531`
`528`		`-}`
`529`		`-`
`530`	`532`	`@media (max-width:480px) {`
`531`	`533`	`.home-narrative .case-studies > ul {`
`532`	`534`	`display: block;`
`@@ -535,6 +537,10 @@`
`535`	`537`	`.home-narrative .case-studies > ul li {`
`536`	`538`	`margin-bottom: 3em;`
`537`	`539`	`}`
	`540`	`+`
	`541`	`+ .faq-index .toc article.featured > ul {`
	`542`	`+ display: block;`
	`543`	`+ }`
`538`	`544`	`}`
`539`	`545`
`540`	`546`	`@media (max-width: 425px) {`