• Skip to main content
  • Skip to primary sidebar
Martin Taylor

Martin Taylor

PHP, CSS, MySQL and WordPress tips and techniques

Calendar

This is a working example of the Calendar class I have developed, as described in one of my blog posts.

It demonstrates the responsiveness of using display:grid for the container around the calendar. Try resizing your browser to see the effect.

Note that the links to each event don’t work … that would require a few more components to be in place. But this should give enough idea of what would happen in a complete application.

<< April
May 2020
June >>
Mon
Tue
Wed
Thu
Fri
Sat
Sun
Monday 27 Apr
27
Tuesday 28 Apr
28
Wednesday 29 Apr
29
Thursday 30 Apr
30
Friday 1 May
01
Event5
Saturday 2 May
02
Sunday 3 May
03
Monday 4 May
04
Tuesday 5 May
05
Wednesday 6 May
06
Thursday 7 May
07
Friday 8 May
08
Saturday 9 May
09
Sunday 10 May
10
Monday 11 May
11
Event6
Tuesday 12 May
12
Wednesday 13 May
13
Thursday 14 May
14
Friday 15 May
15
Saturday 16 May
16
Sunday 17 May
17
Monday 18 May
18
Tuesday 19 May
19
Wednesday 20 May
20
Thursday 21 May
21
Friday 22 May
22
Saturday 23 May
23
Sunday 24 May
24
Monday 25 May
25
Event7
Tuesday 26 May
26
Wednesday 27 May
27
Event8
Thursday 28 May
28
Friday 29 May
29
Saturday 30 May
30
Sunday 31 May
31

Primary Sidebar

Recent Posts

  • Populating Alpine data in a PHP page (part 2)
  • Thoughts on Tailwind CSS
  • Understanding JavaScript assignments
  • Populating Alpine data in a PHP page (part 1)
  • Alpine JS

Copyright Martin Taylor © 2026