Skip to content

Commit

Permalink
feat: Add styling to event card
Browse files Browse the repository at this point in the history
  • Loading branch information
CalCorbin committed Oct 14, 2022
1 parent f6ebb5c commit cefaac3
Showing 1 changed file with 7 additions and 5 deletions.
12 changes: 7 additions & 5 deletions src/features/events/EventCard.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,15 +6,17 @@ export type CFTEvent = {
}

const EventCard = ({ event }: { event: CFTEvent }) => {
const title: string = event.title.toUpperCase();

return (
<article className='bg-cft-light-gray p-6 text-cft-black'>
<h1>{event.title}</h1>
<h2>{event.date}</h2>
<h2>{event.location}</h2>
<article className='bg-[#133A4E] text-white p-4 shadow-lg shadow-red-900'>
<div className='text-3xl'>{title}</div>
<div className='text-2xl'>{event.date}</div>
<p className='mt-3'>{event.location}</p>
<p>{event.description}</p>
</article>
)

}

export default EventCard;
export default EventCard;

0 comments on commit cefaac3

Please sign in to comment.