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

<< March
April 2020
May >>
Mon
Tue
Wed
Thu
Fri
Sat
Sun
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
Monday 6 Apr
06
Tuesday 7 Apr
07
Wednesday 8 Apr
08
Thursday 9 Apr
09
Friday 10 Apr
10
Saturday 11 Apr
11
Sunday 12 Apr
12
Monday 13 Apr
13
Tuesday 14 Apr
14
Wednesday 15 Apr
15
Thursday 16 Apr
16
Friday 17 Apr
17
Saturday 18 Apr
18
Sunday 19 Apr
19
Monday 20 Apr
20
Tuesday 21 Apr
21
Wednesday 22 Apr
22
Event4
Thursday 23 Apr
23
Friday 24 Apr
24
Saturday 25 Apr
25
Sunday 26 Apr
26
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

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 © 2025