Add IDs to all components of the website
This commit is contained in:
@@ -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) => (
|
||||
|
||||
Reference in New Issue
Block a user