Skip to content

mikkimesfin/netflix

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

netflix

Firebase URL: https://netfli-85136.firebaseapp.com

screen shot 2017-11-22 at 9 12 05 pm screen shot 2017-11-22 at 9 07 33 pm screen shot 2017-11-22 at 9 07 50 pm screen shot 2017-11-22 at 9 09 53 pm screen shot 2017-11-22 at 9 10 03 pm

step 1: make the background like netflix and have it fade

step 2: add netflix logo (see logo.svg)

step 3: position netflix logo by adding class and also width and height to the css. see nav a.logo, nav img, and header nav in style.css

step 4: sign in. make it white and give it a default font if the font you want isn't available. add box sizing that tells the browser not to calculate margins.

step 5: see pitch, pitch title, and pitch subtitle in style.css to see new changes to the heading.

step 6: see btn for how styling the red join now button and nav .signin:hover .btn:hover to change the button when you hover.

step 7: add three features at the bottom with flex box

step 8: see the js file for making the three rows responsive. screens now change when you switch to "watch anywhere" or "pick your price"

About

UI inspired by Netflix 🎬

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published