Question 1

Why does my code work in my head but not on the computer?

Accepted Answer

The Answer: You probably forgot to save the file! 🤦‍♂️
This is probably the most common mistake every developer makes, especially when starting out. You spend 30 minutes debugging why your changes aren't working, only to realize you never saved the file.
How to avoid this:

Enable auto-save in your editor (VS Code: File > Auto Save)
Use Ctrl+S (or Cmd+S) religiously after every change
Check the file tab - unsaved files usually have a dot or asterisk
Use hot reload in development - it will force...

Question 2

Why is my JavaScript breaking with 'Unexpected token' errors?

Accepted Answer

The Answer: You're probably missing a semicolon somewhere! 😅
JavaScript has something called "Automatic Semicolon Insertion" (ASI), but it doesn't always work the way you expect. Sometimes a missing semicolon can cause the next line to be interpreted as part of the previous statement.
Common scenarios:
// This breaks:
let a = 5
let b = 10
[1, 2, 3].forEach(console.log) // Error!

// JavaScript sees this as:
let a = 5let b = 10[1, 2, 3].forEach(console.log)

How to avoid this:

Use a linter like...

Question 3

Why isn't my CSS working? I've been staring at it for hours!

Accepted Answer

The Answer: You probably have a typo in your CSS selector or property name! 🤦‍♂️
This happens to everyone. You write what you think is perfect CSS, but there's a tiny typo that breaks everything.
Common culprits:

Typos in class names:
/* You wrote */
.btn-primray { color: blue; }

/* But your HTML has */
&#x3C;button class="btn-primary">Click me&#x3C;/button>

Missing semicolons:
.my-class {
  color: red  /* Missing semicolon! */
  background: blue;
}

Wrong property names:
.my-class {
  ...

Silly Questions & Mistakes

Why isn't my CSS working? I've been staring at it for hours!

Silly Questions & Mistakes

Why isn't my CSS working? I've been staring at it for hours!