💄(frontend) fix alignment of blogpost glimpses

liamls · liamls · commit ebf3a4530a2c · 2025-07-16T17:40:25.000+02:00
All items should have the same alignment.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -190,6 +190,7 @@ Versioning](https://semver.org/spec/v2.0.0.html).
 - Fix logic to know if user is enrolled to a ongoing product
 - Normalize credit card brand on CreditCardBrandLogo component
 - Display SyllabusCourseRunCompacted only for self-paced ongoing opened runs
+- Alignment of blogpost glimpses in column sections
 
 ## [2.29.2] - 2024-09-23
 
diff --git a/src/frontend/scss/objects/_blogpost_glimpses.scss b/src/frontend/scss/objects/_blogpost_glimpses.scss
@@ -55,6 +55,11 @@ $glimpse-gutter: 0.6rem;
       align-self: flex-end;
     }
   }
+  .section__grid--33x33x33 > &:nth-child(0n + 2) {
+    @include media-breakpoint-up(lg) {
+      align-self: unset;
+    }
+  }
 
   // Apply card styles for elements
   @include m-o-card(

Original file line number	Diff line number	Diff line change
`@@ -55,6 +55,11 @@ $glimpse-gutter: 0.6rem;`
`55`	`55`	`align-self: flex-end;`
`56`	`56`	`}`
`57`	`57`	`}`
	`58`	`+ .section__grid--33x33x33 > &:nth-child(0n + 2) {`
	`59`	`+ @include media-breakpoint-up(lg) {`
	`60`	`+ align-self: unset;`
	`61`	`+ }`
	`62`	`+ }`
`58`	`63`
`59`	`64`	`// Apply card styles for elements`
`60`	`65`	`@include m-o-card(`