• 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.

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

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