fix layout shift on grid carousel page change

This commit is contained in:
jeffvli
2026-04-03 20:25:12 -07:00
parent d4e9b9b7a6
commit b9f5459725
@@ -36,12 +36,16 @@
min-width: 0; min-width: 0;
} }
.grid-carousel-viewport {
width: 100%;
min-height: 0;
}
.grid { .grid {
display: grid; display: grid;
grid-template-columns: repeat(var(--cards-to-show, 2), minmax(0, 1fr)); grid-template-columns: repeat(var(--cards-to-show, 2), minmax(0, 1fr));
gap: var(--theme-spacing-md); gap: var(--theme-spacing-md);
contain: layout paint; contain: layout paint;
content-visibility: auto;
overflow: hidden; overflow: hidden;
will-change: transform; will-change: transform;
} }