This is the initial design of the Event Card for issue #10. It's not much, as it just displays the title, time/location, and a description (if any) on the card. You can see what it looks like here.
Some known issues about the event carousel are as follows:
Card height is currently hard-coded; need to find a better solution to set the height of the component.
Could leave it hard-coded, but it leaves a big empty space on larger screens, and events with longer descriptions/titles will be cut off in the card.
Could change the height dynamically as the cards change, but then the content around it will shift as the events cycle through
Could try making our own component to show event listing, but I worry about time constraints with this option.
On light theme, the arrows to cycle the events left/right can't be seen. I think we could fix it with CSS though.
Both issues I believe are out of the scope of this issue/PR and should be done in separate PRs, but if you think I should attempt to fix either of it here, let me know.
This is the initial design of the Event Card for issue #10. It's not much, as it just displays the title, time/location, and a description (if any) on the card. You can see what it looks like here.
Some known issues about the event carousel are as follows:
Both issues I believe are out of the scope of this issue/PR and should be done in separate PRs, but if you think I should attempt to fix either of it here, let me know.