🐛 Bug: cards appear cut/half-visible on mobile #85
Description
Describe the bug
Description
On mobile/responsive mode, the schedule page layout breaks.
The card grid overflows horizontally, causing the second column to render partially off-screen. As a result, several cards appear cut in half on the right side.
This issue appears consistently in Chrome DevTools responsive view as well as on actual mobile devices.
Steps To Reproduce
Open the schedule page.
Switch to mobile/responsive view (Chrome DevTools).
Set width around 500–520px.
Scroll through the card list.
Notice that the right-side cards are partially outside the viewport.
Expected Behavior
Expected Behavior
Layout should adapt responsively.
The card list should stack to 1 column on mobile and 2 columns only when there is sufficient width.
No card should overflow outside the container.
Actual Behavior
Grid stays in 2-column mode even when the container width is insufficient.
Right-side column overflows out of viewport.
Cards appear half cut.
Screenshots
Device Information [optional]
- OS:
- Browser:
- version:Are you working on this issue?
Yes
Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)
Yes