Merge pull request #169 from egbadon-victor/program-index-responsiveness

possumbilities · web-flow · commit 86f9b7cf1568 · 2024-10-21T13:15:19.000-05:00
[Fix] Fixes responsiveness issues for related posts section of prgram-index.html
diff --git a/src/css/vocabulary.css b/src/css/vocabulary.css
@@ -1830,6 +1830,10 @@ body > footer .license svg {
         display: flex;
         flex-wrap: wrap;
     }
+
+    main article.posts.related ul {
+        grid-template-columns: 1fr 1fr;
+    }
 }
 
 @media (max-width: 705px) {
@@ -1997,6 +2001,10 @@ body > footer .license svg {
     body > footer .footer-menu ul {
         display: block;
     }
+
+    main article.posts.related ul {
+        grid-template-columns: 1fr;
+    }
 }
 
 @media (max-width: 425px) {

Original file line number	Diff line number	Diff line change
`@@ -1830,6 +1830,10 @@ body > footer .license svg {`
`1830`	`1830`	`display: flex;`
`1831`	`1831`	`flex-wrap: wrap;`
`1832`	`1832`	`}`
	`1833`	`+`
	`1834`	`+ main article.posts.related ul {`
	`1835`	`+ grid-template-columns: 1fr 1fr;`
	`1836`	`+ }`
`1833`	`1837`	`}`
`1834`	`1838`
`1835`	`1839`	`@media (max-width: 705px) {`
`@@ -1997,6 +2001,10 @@ body > footer .license svg {`
`1997`	`2001`	`body > footer .footer-menu ul {`
`1998`	`2002`	`display: block;`
`1999`	`2003`	`}`
	`2004`	`+`
	`2005`	`+ main article.posts.related ul {`
	`2006`	`+ grid-template-columns: 1fr;`
	`2007`	`+ }`
`2000`	`2008`	`}`
`2001`	`2009`
`2002`	`2010`	`@media (max-width: 425px) {`