Merge pull request #7180 from Automattic/fix/course-list-width

Fix formatting of Course List block on course archive page
Automattic · Sep 20, 2023 · cdc78f9 · cdc78f9
2 parents 44e5f50 + d430785
commit cdc78f9
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 34 deletions.
diff --git a/assets/css/_grid.scss b/assets/css/_grid.scss
@@ -3,7 +3,7 @@
 */
 
 /*
-*  Course page grid
+* Legacy course archive page grid (pre-Course List block)
 */
 .course-container {
 	.first {
@@ -18,53 +18,53 @@
 		padding: 12px;
 		float: left;
 	}
-}
 
-.columns-1 {
-	li.course {
-		width: 100%;
-		padding-right: 0;
+	&.columns-1 {
+		li.course {
+			width: 100%;
+			padding-right: 0;
+		}
 	}
-}
 
-.columns-2 {
-	li.course {
-		width: 50%;
+	&.columns-2 {
+		li.course {
+			width: 50%;
+		}
 	}
-}
 
-.columns-3 {
-	li.course {
-		width: 33.33%;
+	&.columns-3 {
+		li.course {
+			width: 33.33%;
+		}
 	}
-}
 
-.columns-4 {
-	li.course {
-		width: 25%;
+	&.columns-4 {
+		li.course {
+			width: 25%;
+		}
 	}
-}
 
-.columns-5 {
-	li.course {
-		width: 20%;
+	&.columns-5 {
+		li.course {
+			width: 20%;
+		}
 	}
-}
 
-.columns-6 {
-	li.course {
-		width: 16.66%;
+	&.columns-6 {
+		li.course {
+			width: 16.66%;
+		}
 	}
-}
 
-.columns-7 {
-	li.course {
-		width: 13.7%;
+	&.columns-7 {
+		li.course {
+			width: 13.7%;
+		}
 	}
-}
 
-.columns-8 {
-	li.course {
-		width: 11.7%;
+	&.columns-8 {
+		li.course {
+			width: 11.7%;
+		}
 	}
 }
diff --git a/changelog/fix-course-list-width b/changelog/fix-course-list-width
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Fix formatting of Course List block on course archive page