Sass practice

Filter by difficulty, use hints, reveal solutions and save attempts locally.

1. Practice Sass overview by building one step of a small real project feature and checking the result.

code-writing
beginnerSass overview

1. Start from the Sass overview lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

2. Practice Sass setup by building one step of a small real project feature and checking the result.

code-fix
beginnerSass setup

1. Start from the Sass setup lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

3. Practice Sass syntax by building one step of a small real project feature and checking the result.

output
beginnerSass syntax

1. Start from the Sass syntax lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

4. Practice Sass examples by building one step of a small real project feature and checking the result.

fill-blank
beginnerSass examples

1. Start from the Sass examples lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

5. Practice Sass workflow by building one step of a small real project feature and checking the result.

true-false
beginnerSass workflow

1. Start from the Sass workflow lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

6. Practice Sass validation by building one step of a small real project feature and checking the result.

mini-project
beginnerSass validation

1. Start from the Sass validation lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

7. Practice Sass debugging by building one step of a small real project feature and checking the result.

mcq
beginnerSass debugging

1. Start from the Sass debugging lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

8. Practice Sass best practices by building one step of a small real project feature and checking the result.

code-writing
beginnerSass best practices

1. Start from the Sass best practices lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

9. Practice Sass overview by building one step of a small real project feature and checking the result.

code-fix
beginnerSass overview

1. Start from the Sass overview lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

10. Practice Sass setup by building one step of a small real project feature and checking the result.

output
beginnerSass setup

1. Start from the Sass setup lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

11. Practice Sass syntax by building one step of a small real project feature and checking the result.

fill-blank
intermediateSass syntax

1. Start from the Sass syntax lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

12. Practice Sass examples by building one step of a small real project feature and checking the result.

true-false
intermediateSass examples

1. Start from the Sass examples lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

13. Practice Sass workflow by building one step of a small real project feature and checking the result.

mini-project
intermediateSass workflow

1. Start from the Sass workflow lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

14. Practice Sass validation by building one step of a small real project feature and checking the result.

mcq
intermediateSass validation

1. Start from the Sass validation lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

15. Practice Sass debugging by building one step of a small real project feature and checking the result.

code-writing
intermediateSass debugging

1. Start from the Sass debugging lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

16. Practice Sass best practices by building one step of a small real project feature and checking the result.

code-fix
intermediateSass best practices

1. Start from the Sass best practices lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

17. Practice Sass overview by building one step of a small real project feature and checking the result.

output
intermediateSass overview

1. Start from the Sass overview lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

18. Practice Sass setup by building one step of a small real project feature and checking the result.

fill-blank
intermediateSass setup

1. Start from the Sass setup lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.