In this project, we will create a responsive website using HTML5, CSS3, and Sass/SCSS to clone the Dune novels website. The project utilizes Sass's nesting capabilities and partials to achieve a more streamlined and well-structured codebase.
- Introduction & Project Overview
- Project Structure
- Install Sass Extension and Setup Sass
- Creating Sass Partial Files
- Website Sass Variables
- Website Configuration Sass File
- Sass Utilities Partial File
- Creating Comments in Sass/SCSS
- Sass Text Alignment Classes
- Background Color Classes
- Sass Mixin
- Margin Classes
- Create the Website Navigation Bar using Sass
- Navigation Component
- Website Header
- Website Movie Section
- Sass Button Component
- Sass Form Component
- Create the Subscribe Form using HTML and Sass Classes
- Make Website Responsive using @media Query
Check out the live demo of the website here.
