Lesson 17 / 25

Debugging

Use Debugging as a clear part of Sass / SCSS.

The essential idea

Debugging is a practical part of Sass / SCSS. Begin with the problem it solves, then identify the input, transformation, and result. This prevents syntax from becoming disconnected facts.

Try a small example

Make one controlled change, run the example, and compare the result to your prediction.

# Explore Debugging one focused step at a time
value=0
echo "$value"

Output:

0

Common pitfall

Do not learn Debugging by copying a finished answer. Reduce it to a small example and use the result to test your explanation.

Quick check

Quick check: What is a strong first practice for Debugging?

  • Run one focused example.
  • Memorize without testing.
  • Ignore feedback.
Answer

Run one focused example. — Focused experiments show cause and effect.