Center leftover Learn cards on a short last row and keep thumbnail copy in the top half so it does not cover the artwork.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
adilallo
2026-08-19 14:52:54 -06:00
co-authored by Cursor
parent aa4fe47554
commit f35889f966
4 changed files with 17 additions and 11 deletions
@@ -35,6 +35,8 @@ describe("ContentThumbnailTemplate", () => {
const container = screen.getByRole("link");
const thumbnailDiv = container.querySelector("div.relative");
expect(thumbnailDiv).toHaveClass("aspect-[260/390]", "w-full");
const copy = thumbnailDiv?.querySelector(".z-20");
expect(copy).toHaveClass("max-h-[48%]", "overflow-hidden");
});
it("should display post title and description", () => {
@@ -61,6 +63,8 @@ describe("ContentThumbnailTemplate", () => {
const container = screen.getByRole("link");
const thumbnailDiv = container.querySelector("div.relative");
expect(thumbnailDiv).toHaveClass("aspect-[320/225.5]", "w-full");
const copy = thumbnailDiv?.querySelector(".z-20");
expect(copy).toHaveClass("max-h-[48%]", "overflow-hidden");
});
it("should render fixed vertical dimensions when sizing is fixed", () => {