Keep the three logo-wall marks in a centered cluster instead of stretching them across the page.

The space-between row was drawn for six logos; three marks looked abandoned at the edges.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
adilalloandCursor committed 2026-11-03 16:05:06 -07:00
1 parent ea85be2287
commit 5bd49eaed8
3 files changed
+10 -7

No files matched your search

+5 -2
View File
@@ -60,17 +60,20 @@ describe("LogoWall Component", () => {
);
});
test("lays out the three marks in a wrapping row", () => {
test("lays out the three marks as a centered cluster", () => {
render(<LogoWall />);
const row = document.querySelector('[class*="flex w-full flex-col"]');
expect(row).toBeInTheDocument();
expect(row).toHaveClass(
"justify-center",
"sm:flex-row",
"sm:justify-center",
"md:flex-nowrap",
"md:justify-between",
"gap-[38.4px]",
);
expect(row).not.toHaveClass("md:justify-between");
expect(row).not.toHaveClass("sm:justify-around");
});
test("renders logos with correct attributes", () => {