Fauxnetflix

screenshot of Fauxnetflix

This is a replica of the Netflix landing page. This project helped me up my CSS skills and I really enjoyed working on it. This was created for learning purposes

Overview

The FauxNetflix project is a replica of the Netflix landing page. It was created for learning purposes and served as a way for the author to improve their CSS skills. The project is a testament to the author's love for CSS and their enjoyment in working on it.

Features

  • Semantic HTML5 markup: The project utilizes semantic HTML5 markup to structure the content effectively.
  • CSS custom properties: Custom properties in CSS are used to allow for easier customization and maintenance of the styles.
  • Flexbox: The project employs the use of flexbox to create a responsive layout.
  • Mobile-first workflow: The project was built using a mobile-first workflow, ensuring that it is optimized for smaller screens and then scaled up for larger ones.
  • Multiple background creation: The author learned how to create multiple backgrounds and balance the ratios to achieve a responsive design.

Summary

The FauxNetflix project is a replica of the Netflix landing page, created for learning purposes. It showcases the author's improved CSS skills and their enjoyment in working on the project. The project features semantic HTML5 markup, CSS custom properties, flexbox, and follows a mobile-first workflow. It also includes the creation of multiple backgrounds and responsive design. The project can be installed by cloning the GitHub repository and customizing the code to fit your own project.