Updated schedule responsiveness

This commit is contained in:
Asa Yee 2025-12-15 13:33:33 -04:00
parent 51b65160e0
commit c7140be2ee

View file

@ -1,33 +1,35 @@
<div> <div>
<h2 class="font-bold text-gray-900 mb-2">This course will be delivered in 3 cohorts, Tuesday and Thursdays from 3:00pm to 6:00pm.</h2> <h2 class="font-bold text-gray-900 mb-2">This course will be delivered in 3 cohorts, Tuesday and Thursdays from 3:00pm to 6:00pm.</h2>
<div class="overflow-x-auto">
<table class="min-w-full bg-white border border-gray-200 rounded-lg shadow-sm"> <table class="min-w-full bg-white border border-gray-200 rounded-lg shadow-sm">
<thead class="bg-gray-50"> <thead class="bg-gray-50">
<tr> <tr>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b border-gray-200">Cohort</th> <th class="px-3 sm:px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b border-gray-200">Cohort</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b border-gray-200">Date</th> <th class="px-3 sm:px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b border-gray-200">Date</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b border-gray-200">Time</th> <th class="px-3 sm:px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b border-gray-200">Time</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b border-gray-200">Venue</th> <th class="px-3 sm:px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b border-gray-200">Venue</th>
</tr> </tr>
</thead> </thead>
<tbody class="divide-y divide-gray-200"> <tbody class="divide-y divide-gray-200">
<tr class="hover:bg-gray-50"> <tr class="hover:bg-gray-50">
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">1</td> <td class="px-3 sm:px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">1</td>
<td class="px-6 py-4 text-sm text-gray-900">Tuesday 14th October &<br>Thursday 16th October 2025</td> <td class="px-3 sm:px-6 py-4 text-sm text-gray-900">Tuesday 14th October &<br>Thursday 16th October 2025</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">3:00pm 6:00pm</td> <td class="px-3 sm:px-6 py-4 whitespace-nowrap text-sm text-gray-900">3:00pm 6:00pm</td>
<td class="px-6 py-4 text-sm text-gray-900">Los Bajos Youth Development Centre</td> <td class="px-3 sm:px-6 py-4 text-sm text-gray-900">Los Bajos Youth Development Centre</td>
</tr> </tr>
<tr class="hover:bg-gray-50"> <tr class="hover:bg-gray-50">
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">2</td> <td class="px-3 sm:px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">2</td>
<td class="px-6 py-4 text-sm text-gray-900">Wednesday 15th October &<br>Wednesday 22nd October 2025</td> <td class="px-3 sm:px-6 py-4 text-sm text-gray-900">Wednesday 15th October &<br>Wednesday 22nd October 2025</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">3:00pm 6:00pm</td> <td class="px-3 sm:px-6 py-4 whitespace-nowrap text-sm text-gray-900">3:00pm 6:00pm</td>
<td class="px-6 py-4 text-sm text-gray-900">St James Youth Development Centre</td> <td class="px-3 sm:px-6 py-4 text-sm text-gray-900">St James Youth Development Centre</td>
</tr> </tr>
<tr class="hover:bg-gray-50"> <tr class="hover:bg-gray-50">
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">3</td> <td class="px-3 sm:px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">3</td>
<td class="px-6 py-4 text-sm text-gray-900">Tuesday 21st October &<br>Thursday 23rd October 2025</td> <td class="px-3 sm:px-6 py-4 text-sm text-gray-900">Tuesday 21st October &<br>Thursday 23rd October 2025</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">3:00pm 6:00pm</td> <td class="px-3 sm:px-6 py-4 whitespace-nowrap text-sm text-gray-900">3:00pm 6:00pm</td>
<td class="px-6 py-4 text-sm text-gray-900">California Youth Development Centre</td> <td class="px-3 sm:px-6 py-4 text-sm text-gray-900">California Youth Development Centre</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div>