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