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.

Show Notes

• 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.

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads