Fix mobile responsiveness for Netflix Clone

[Abhi-2206]

Title:
Fix mobile responsiveness for Netflix Clone

Description:
Hi! 👋

This PR fixes the layout issues on small screens (viewport width < 768px) for the Netflix Clone V2 project. Changes include:

• Stacked navbar and menu items for mobile view
• Hero section text and buttons scaled for smaller screens
• Movie grids automatically resize to prevent clutter
• Footer centered on mobile devices

Now the website looks clean and readable on phones and tablets.

Note: I’m new to open source, so any feedback is greatly appreciated! 😊

[aayush105]

Hello @Abhi-2206

please provide me the before and after output image.

[Abhi-2206]

Output before changes

Output after changes

[aayush105]

@Abhi-2206
where is the images? Please check the preview before commenting.

[Abhi-2206]

Output before changes

Output after changes

[Abhi-2206]

@Abhi-2206 where is the images? Please check the preview before commenting.

Sorry Sir I didn't checked whether the image was uploaded or not next time i will make sure to check preview section

[aayush105]

@Abhi-2206

The way you handled the menu bar keeping it below the logo, this isn't the proper way for the responsive navbar in mobile view.
If you can make it proper sidebar hamburger menu than you can update it else this changes will not be accepted.

Thank you for your effort.