From 416005612ec29084555236cf077b2ce6a9396b22 Mon Sep 17 00:00:00 2001 From: Sanju Sivalingam Date: Sat, 14 Feb 2026 21:33:51 +0530 Subject: [PATCH] Fix mobile overflow on bento and mode cards Co-Authored-By: Claude Opus 4.6 --- site/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/site/index.html b/site/index.html index 5680554..312a092 100644 --- a/site/index.html +++ b/site/index.html @@ -194,7 +194,7 @@ .mode-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 32px; } .mode-card { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius); - padding: 24px; display: flex; flex-direction: column; transition: border-color .2s; + padding: 24px; display: flex; flex-direction: column; transition: border-color .2s; min-width: 0; overflow: hidden; } .mode-card:hover { border-color: var(--border-hover); } .mode-card-header { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; } @@ -230,7 +230,7 @@ .bento { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 32px; } .bento-card { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius); - padding: 28px; transition: border-color .2s; + padding: 28px; transition: border-color .2s; min-width: 0; overflow: hidden; } .bento-card:hover { border-color: var(--border-hover); } .bento-card.wide { grid-column: 1 / -1; }