Fixing most requested display issue when only 2 items

tristandasilva · tristandasilva · commit 2fff343fa5b9 · 2025-09-26T11:06:01.000-04:00
diff --git a/components/gc-most-requested/_base.scss b/components/gc-most-requested/_base.scss
@@ -23,6 +23,11 @@
 	}
 }
 
+.gc-most-requested ul li:nth-child(2):last-child {
+	break-after: column;
+	break-inside: avoid-column;
+}
+
 // Styles to slightly break the layout for bad implementation
 .container .gc-most-requested {
 	background: transparent;
diff --git a/components/gc-most-requested/_screen-md-min.scss b/components/gc-most-requested/_screen-md-min.scss
@@ -40,6 +40,12 @@
 	}
 }
 
+.gc-most-requested ul li:nth-child(2):last-child {
+	break-after: column;
+	break-inside: avoid-column;
+	display: block;
+}
+
 // Styles to slightly break the layout for bad implementation
 .container .gc-most-requested {
 	h2 {

Original file line number	Diff line number	Diff line change
`@@ -23,6 +23,11 @@`
`23`	`23`	`}`
`24`	`24`	`}`
`25`	`25`
	`26`	`+.gc-most-requested ul li:nth-child(2):last-child {`
	`27`	`+ break-after: column;`
	`28`	`+ break-inside: avoid-column;`
	`29`	`+}`
	`30`	`+`
`26`	`31`	`// Styles to slightly break the layout for bad implementation`
`27`	`32`	`.container .gc-most-requested {`
`28`	`33`	`background: transparent;`
Original file line number	Diff line number	Diff line change
`@@ -40,6 +40,12 @@`
`40`	`40`	`}`
`41`	`41`	`}`
`42`	`42`
	`43`	`+.gc-most-requested ul li:nth-child(2):last-child {`
	`44`	`+ break-after: column;`
	`45`	`+ break-inside: avoid-column;`
	`46`	`+ display: block;`
	`47`	`+}`
	`48`	`+`
`43`	`49`	`// Styles to slightly break the layout for bad implementation`
`44`	`50`	`.container .gc-most-requested {`
`45`	`51`	`h2 {`