JumboCode / casa-myrna

JumboCode 2023-2024 project for Casa Myrna, led by Elizabeth Foster
https://casa-myrna-pumv.vercel.app
4 stars 0 forks source link

Mobile Choose Filter Button placement #102

Closed pmelga01 closed 8 months ago

pmelga01 commented 8 months ago

Developer: Pamela Melgar Dates: 2/12/24 - 2/19/24 Time spent: 1 hour

Adjusting filter button to be responsive to variety of mobile devices

Testing

Before: BEFORE_localhost_3000_calendar(iPhone 12 Pro)

After (mobile): localhost_3000_calendar(iPhone 12 Pro)

After (desktop): image

Reflection: I appreciate the straightforward ticket, I was a little confused at times trying to match the design with little information about the mobile look for the calendar page, and concerned that many things in the code was hardcoded by pixel values rather than leveraging relative percentages, etc. I tried to make the filter button be more within the frame, and it is in no way perfect, but I wanted to ensure I didn't do too much because other groups will most likely adjust as they go, hopefully using percentage values and breakpoints :)