oge-dev/NetflixClone

Successfully replicated Netflix's landing page using HTML, CSS, and JavaScript, demonstrating proficiency in front-end development.

Clone - Netflix Landing Page

Table of contents

• Overview
  • The challenge
  • Solution
  • Built with
  • What I learned
  • Useful resources

Overview

The challenge

Your challenge is to clone Netflix Landing Page and get it looking as close to Netflix Landing Page as possible. You can use only HTML, CSS, JavaScript tools to complete the challenge, N:B; no library or framework.

Solution

• Solution URL: github.com/NetflixLandingpage_clone
• Live Site URL: Netflix-LandingPage-Clone

Built with

• Semantic HTML5 markup
• CSS3
• media query
• JavaScript

What I learned

CSS ::placeholder Selector: 
.input-control input::placeholder {
  color: #c1c1c2;
  font-weight: 400;
  font-size: 16px;
}

Collapsibles/Accordion

Useful resources

• W3school - This is an amazing website which helped me finally understand Collapsibles/Accordion. I'd recommend it to anyone still learning this concept.
• W3school - This is an amazing website which helped me finally understand CSS ::placeholder Selector. I'd recommend it to anyone still learning this concept.