816: Why Your CSS Sucks

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