A modern fully responsive landing page that I recap, rebuilt from original learning progress in early 2024 with Sass architecture and refactoring practice using modern features such as:
-
The Dart Sass compiler
-
Modular SCSS architecture (abstract, base, layout, sections)
-
@use and @forward to scope styles properly
-
Clean folder structure for scalable frontend design
project-root/
│
├── index.html
├── package.json
│
├── sass/
│ ├── abstract/
│ │ ├── \_variables.scss
│ │ ├── \_mixins.scss
│ │ └── index.scss
│ │
│ ├── base/
│ │ ├── \_base.scss
│ │ ├── \_typography.scss
│ │ └── index.scss
│ │
│ ├── layout/
│ │ ├── \_header.scss
│ │ ├── \_sidebar.scss
│ │ ├── \_footer.scss
│ │ └── index.scss
│ │
│ ├── sections/
│ │ ├── \_features.scss
│ │ ├── \_story.scss
│ │ ├── \_homes.scss
│ │ ├── \_gallery.scss
│ │ └── index.scss
│ │
│ └── main.scss
│
├── css/
│ └── style.css