Syntax - Tasty Web Development Treats
816: Why Your CSS Sucks
This episode isn’t summarized yet
Create a free account and summarize it. In a few minutes you’ll have the key takeaways and a section-by-section summary.
Show notes
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