Netflix Trailer App with React and Firebase

I’ve been trying a lot of new stuff lately. This adventure led me to an 8 hours trip of coding a Netflix Trailer Web App. I tried to make it look awesome on all devices and I’ll appreciate your feedback.

Thanks in advance :slight_smile:

2 Likes

Looks pretty good.

  1. Top align the banner image background-position: top center; (to not cut off the heads of the people in the picture).

  2. Add cursor: pointer to .row_poster so the user knows they can click them.

  3. Give the rows some more vertical space between them, they are a little too close to each other right now.

  4. I would probably use the title and display it as text. If you don’t want it below each image maybe add it on hover on top of the image? Not sure what would work best, but right now the images feel like they are missing some information.

  5. Hiding the overflow doesn’t really count as being responsive. Make the trailer grids responsive (wrap). Both flexbox and CSS Grid can do this fairly easily.

Nice job keep it up!

1 Like

Thank you for taking the time to review my work. I’ll probably make the necessary adjustments to the project.

Thanks a bunch :slight_smile: