Common CSS Pitfalls and How to Fix Them

Scott and Wes break down why your CSS might suck—from misusing specificity to not leveraging CSS variables. Tune in as they dive into common pitfalls that are making your stylesheets a hot mess.

• 00:00 Welcome to Syntax!
• 00:33 Breakdancing in the Olympics.
• 05:29 Brought to you by Sentry.io.
• 05:44 Why your CSS sucks.
• 07:01 You’re styling the wrong element.
• 11:01 Nesting too deep.
• 12:37 You don’t understand specificity.
• 14:56 Your classes don’t use a system.
• 16:24 You’re using values instead of CSS vars.
• 20:16 You don’t understand block vs inline vs inline-block.
  • CSS Logical Properties
• 21:16 You aren’t using the right tool for the job.
  • CSS Flexbox, CSS Grid.
• 24:15 You’re setting the value in too many places.
• 24:31 You’re scoping to tightly or not tightly enough.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads