This project is a responsive clone of the Netflix landing page built using HTML and CSS. It recreates the layout structure, styling, and component sections of the original homepage to practice modern frontend layout techniques.
- Hero section with background image overlay
- Responsive navigation bar with language selector and sign-in button
- Email input call-to-action section
- Horizontal trending movies slider with hover scaling effects
- Feature highlight cards using Flexbox
- FAQ section styled with expandable layout structure
- Footer links organized using CSS Grid
- Curved separator section using gradient styling
- Hover effects for interactive UI elements
- Tablet-responsive layout using media queries
- Flexbox for navigation and card layouts
- CSS Grid for footer structure
- Positioning and overlay layering for hero background
- Transform hover effects for movie cards
- Scroll snapping for horizontal slider interaction
- Responsive breakpoints for tablet screen adaptation
- HTML5
- CSS3
- Flexbox
- CSS Grid
- Media Queries
- CSS Transforms
This project was built to understand how production-level landing pages are structured and to practice combining multiple CSS layout techniques in a single real-world interface.
It demonstrates responsive layout design, UI structuring, component-based styling, and visual hierarchy used in modern streaming platform landing pages.