Responsiveness Event Details

[ava-sim]

Responsiveness Event Details/Overall

Assigned to: Haley and Priyanka
Due Date: Saturday April 4th, by 11:59pm

Hi guys! This ticket focuses on making the event details page and the overall event page to look responsive on mobile devices.

Before starting, make sure you’ve pulled the latest main branch and installed all dependencies! (git pull origin main npx prisma generate). Please use the extension prettier so everything is formatted nicely!

---

Summary:

Currently, we are wrapping up our project :(. One of the last things we need to do is make our website responsive (aka look nice) on mobile/tablet size devices. Your task is to make the overall event page and the event details page (both admin and volunteers) look nice. There's no figma for this but just use your discretion (aka you shouldn't rlly have to scroll horizontally to see tables and everything should be fit to screen).

Acceptance Criteria

• Make the event details page responsive (look decent on phone/tablet screens)
  • Admin view
  • Volunteer view
• Make the overall event page look responsive (most of it looks decent I would center the event components)

Assets:

^^ This is what it looks like currently

Link to figma

Good luck guys! Lmk if you need anything :)