Recall & Review
beginner
What is the main purpose of the 7-1 folder pattern in Sass?
It organizes Sass files into 7 folders plus 1 main file to keep styles clean, modular, and easy to maintain.
Click to reveal answer
beginner
Name the 7 folders in the 7-1 folder pattern.
Base, Components, Layout, Pages, Themes, Abstracts, Vendors.
Click to reveal answer
intermediate
What kind of files go into the 'Abstracts' folder?
Files like variables, functions, mixins, and placeholders that are reused throughout the project.
Click to reveal answer
beginner
Why is there a single main.scss file in the 7-1 pattern?
It imports all partials from the 7 folders, so you only compile one CSS file for the whole project.
Click to reveal answer
intermediate
How does the 7-1 folder pattern help when working in a team?
It creates a clear, shared structure so everyone knows where to put and find styles, reducing confusion.
Click to reveal answer
Which folder in the 7-1 pattern typically contains reset and typography styles?
✗ Incorrect
The Base folder holds foundational styles like resets and typography.
Where would you place a button style partial in the 7-1 folder pattern?
✗ Incorrect
Components folder is for small reusable UI parts like buttons.
What is the role of the 'Vendors' folder?
✗ Incorrect
Vendors folder holds external libraries or frameworks.
Which folder would contain grid and header layout styles?
✗ Incorrect
Layout folder is for major structural styles like grids and headers.
Why is it important to use partials (files starting with _) in the 7-1 pattern?
✗ Incorrect
Partials are imported into main.scss and do not create separate CSS files.
Explain the purpose of each folder in the 7-1 folder pattern and what kind of Sass files belong in each.
Think about how to keep styles organized by their role in the project.
You got /8 concepts.
Describe how the 7-1 folder pattern improves maintainability and teamwork in a Sass project.
Consider how organization helps when many people work on the same code.
You got /5 concepts.