diff --git a/src/components/schedule/day.astro b/src/components/schedule/day.astro index 58435089a..253950579 100644 --- a/src/components/schedule/day.astro +++ b/src/components/schedule/day.astro @@ -737,6 +737,28 @@ const endStart = numberToTime(lastEndTime); .room-info { text-align: center; } + + /* Override inline grid on mobile — fits viewport */ + .lunch-break .lunch-break-content { + display: block !important; + grid-template-columns: none !important; + width: 100%; + } + + .lunch-break .posters-inside { + grid-column: auto !important; + justify-self: auto !important; + width: 100%; + } + + .lunch-break .poster-cards { + flex-direction: column; + } + + .lunch-break .poster-cards :global(*) { + flex: none; + max-width: 100%; + } } @media screen and (min-width: 800px) { diff --git a/src/styles/ep2026-theme.css b/src/styles/ep2026-theme.css index 6f86ca782..38c881b51 100644 --- a/src/styles/ep2026-theme.css +++ b/src/styles/ep2026-theme.css @@ -121,6 +121,12 @@ body.ep2026-theme { padding: 2rem 1.5rem; } +@media (max-width: 799px) { + .ep-sched-inner { + padding: 0; + } +} + /* Day title */ .ep-sched-day-title { font-family: "Inter Tight", system-ui, sans-serif;