on main page : Make title larger, make arrow buttons align with movies, remove five star rating, combine heart and p element so they fall on the same black line, adjust width of text so it closer aligns with the expanded movie.
on selected movie : Aligned content vertically and horizontally, removed unnecessary div, removed opacity from on-image container, resized elements, added scroll for when screen shrinks.
Did this break anything?
[x] No
[ ] Yes
Type of change
[x] New feature (non-breaking change which adds functionality)
[x] Styling
[ ] Bug fix (non-breaking change which fixes an issue)
[ ] Refactor(DRY-ing up/ reorganizing code, etc.)
[ ] Super small fix (Corrected a typo, removed a comment, etc.)
[ ] Skip all the other stuff and briefly explain the fix.
Checklist:
[x] If this code needs to be tested, all tests are passing
[x] The code runs locally
[ ] There are comments where clarification/ organization is needed
[x] The code is DRY. If it's not, I tried my best
[x] I reviewed my code before pushing
✨ What's next?
CSS looks good to me now. The only issue I couldn't fix was having the back to home button overlay on the text (on selectedMovie) when you shrunk the screen to much.
Continue cypress, figure out CYOA, finish up any fixing (prop types, easter eggs, etc) and readMe.
What I did:
Did this break anything?
Type of change
Checklist:
✨ What's next?