You just got handed a new web development project, and you start getting excited about all the cool and cutting-edge tech you’re going to use. You go over the project overview and you’re already thinking about the database architecture, project structure, routes and all that technical stuff you’re already good at. Then, you get a message saying the project design is ready and it comes with a preview of it.

Your heart sinks. The design looks beautiful and polished, it uses all sorts gradients and rotated images and patterns and you start thinking: “How the heck am I gonna code this in CSS?”

The purpose of this talk is to answer that question for you. No, I’m not going to tell you how to do fancy gradients and how to rotate images; instead, I’ll give you a mental framework on how to tackle CSS problems you have never encountered before. I’ll teach you the core concepts you need to understand to resolve 90% of the CSS issues you encounter.

I’ll also point you to good books, videos, and resources you can use to learn how to get into the right mindset for properly coding your CSS and not be constantly frustrated by it.