9 a.m.
10 a.m.
11 a.m.
12 p.m.
1 p.m.
2 p.m.
3 p.m.
4 p.m.
5 p.m.

5 Mon: 9 - 11 a.m.
Planning; 12 - 2 p.m.
Team Lunch
6 Tue: 12 - 1 p.m.
Work Out; 2 - 3 p.m.
Doctor; 4 - 6 p.m.
Soccer
7 Wed: 9 - 11 a.m.
Customer Call; 2 - 6 p.m.
Team Event
8 Thu: 12 - 1 p.m.
Work Out
9 Fri: 9 - 6 p.m.
No Meetings

Container-Responsive Calendar Component

Play with the bar in the middle to resize things and see that it's not media queries on the viewport changing the layout and style of the calendar, it is container queries.