What should happen on a phone?

A seven-column calendar cannot keep readable titles at phone width without changing presentation.

July 2026
Mon
Tue
Wed
Thu
Fri
Sat
Sun
Community Gathering →
← swipe horizontally →

A. Scrollable month grid

Keeps the desktop visual intact, but users must pan sideways to see the full week.

July 2026
Community Gathering
Jul 8, 6 PM – Jul 17, 2 PM
Weekly Workshop
Jul 11, 10 AM
Community Lunch
Jul 15, all day

B. Mobile agenda list

Switches to a readable chronological list while desktop retains the month grid and spanning bars.