Sass, BEM, & Responsive Design (4 hr beginners course)

🔥 My course: Responsive Design for Beginners! 💻 Become a full-stack web dev with Zero to Mastery: 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 ____________________________ SUPPORT THE CHANNEL ⭐ Join channel members and get perks: 👏🏽 Hit the THANKS button in any video! 🎨 Get my VS Code theme: WANT TO LEARN WEB DEV? Check out my courses: 🌟 Responsive Design for Beginners: 🌟 Gulp for Beginners: RECOMMENDATIONS ⌨ My keyboard, Vissles V84 -- -- 🔥 get 10% off with code THECODERCODER -- 💻 Other gear -- 📚 My Favorite Books -- 📺 My Favorite Courses -- 🔽 FOLLOW CODER CODER Blog -- Twitter -- Instagram -- #webdevelopment #coding #programming