How to Organize CSS - Beginners BEM Tutorial

Learn how to effectively organize CSS and implement the BEM (Block Element Modifier) methodology in this beginner-friendly tutorial. Discover various techniques for structuring your CSS, including creating headings with comments and sorting properties. Explore naming convention methodologies, with a focus on BEM. Understand the concepts of blocks, elements, and modifiers in BEM, and see practical examples of how to apply them to your CSS. Gain insights into maintaining consistent specificity and creating more maintainable stylesheets. Perfect for web developers looking to improve their CSS organization skills and adopt best practices in front-end development.

Intro
Welcome
Follow Your Team
Create Headings with Comments
Sort CSS properties by ABCSS or groups
Naming Convention Methodologies
BEM - Blocks
BEM Blocks with Modifiers
BEM Blocks vs Elements
Header example styles
BEM Elements
BEM Elements with Modifiers
BEM helps keep specificity aligned