Fix most requested list item alignment for the two item layout

tristandasilva · tristandasilva · commit a962c8668bbc · 2025-10-30T11:11:31.000-04:00
diff --git a/components/gc-most-requested/_screen-md-min.scss b/components/gc-most-requested/_screen-md-min.scss
@@ -43,6 +43,15 @@
 				display: block;
 			}
 		}
+		
+		// If there are only two items in the list, display them side by side, horizontally aligned
+		&:has(>li:nth-child(2):last-child) {
+			display: flex;
+
+			> li {
+				width: 50%;
+			}
+		}
 	}
 }
 

Original file line number	Diff line number	Diff line change
`@@ -43,6 +43,15 @@`
`43`	`43`	`display: block;`
`44`	`44`	`}`
`45`	`45`	`}`
	`46`	`+`
	`47`	`+ // If there are only two items in the list, display them side by side, horizontally aligned`
	`48`	`+ &:has(>li:nth-child(2):last-child) {`
	`49`	`+ display: flex;`
	`50`	`+`
	`51`	`+ > li {`
	`52`	`+ width: 50%;`
	`53`	`+ }`
	`54`	`+ }`
`46`	`55`	`}`
`47`	`56`	`}`
`48`	`57`