Sass and BEM for beginners

🔥 Learn how to build a responsive website from a Figma design with HTML, SCSS, JS ➡️ https://coder-coder.com/responsive/ 😎 Join the Coder Coder Club and get sneak peeks of videos: https://courses.coder-coder.com/p/club 👕 Get my hoodie here: https://coder-coder.com/merch ____________________________ In this video I'll walk you through the basics of Sass, BEM (block-element-modifier), and the principles of responsive design. This is a standalone course in Sass that's taken from my full course, Responsive Design for Beginners. 0:00 - Intro 0:22 - What is Sass? 1:17 - Compiling Sass with VS Code extensions 12:49 - Sass partials 26:17 - Sass variables and CSS custom properties 43:45 - Building the demo responsive website 50:00 - Sass and BEM 57:08 - Building the responsive mobile layout 1:04:30 - Building the desktop layout 1:18:10 - Setting widths 1:36:08 - Sass mixins 2:06:35 - Responsive typography 2:33:24 - Sass functions 3:03:39 - Why I use em units in media queries 3:10:49 - Nesting and BEM 3:35:23 - Helper/Utility classes Source files: https://github.com/thecodercoder/sass-bem-beginners ____________________________ 💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/aff_338z7xnj/external?affcode=441520_ti97uk6b 🎨 Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme 🔽 FOLLOW CODER CODER Twitter -- https://twitter.com/thecodercoder Instagram -- https://www.instagram.com/thecodercoder #css #javascript #html