Add IDs to all components of the website

This commit is contained in:
itsfinniii
2026-03-26 22:08:04 +01:00
parent 1fd51a6a3f
commit 82c0905c0e
6 changed files with 25 additions and 7 deletions

View File

@@ -11,8 +11,11 @@ interface Props {
const upcomingEvents = Astro.props.upcomingEvents;
---
<div id={`upcomingevents-${upcomingEvents.id}`} class="flex flex-col justify-between items-center py-12 px-12 lg:container mx-auto gap-y-8 gap-x-18">
<h1 class="text-5xl font-bold">Upcoming Events</h1>
<div
id={`upcomingevents-${upcomingEvents.id}`}
class="flex flex-col justify-between items-center py-12 px-12 lg:container mx-auto gap-y-8 gap-x-18"
>
<h1 class="text-5xl font-bold">{upcomingEvents.title}</h1>
<div class="flex flex-col items-start gap-7 w-full">
{ upcomingEvents.events.map((event) => (