Research SMACSS - Scalable and Modular Architecture for CSS

Istructions:

1. What is SMACSS?:

   • SMACSS is a CSS architecture designed to help developers write scalable and modular CSS. It breaks down styles into manageable categories to make large projects easier to maintain.

2. Key Categories:

   • Base: Default styles for HTML elements.

   • Layout: Defines the major sections of a page.

   • Module: Reusable components like buttons or cards.

   • State: Styles for different states (e.g., is-active).

   • Theme: Styles for visual variations.

3. Advantages:

   • Improves scalability and maintenance of large projects.

4. Practice:

   • Build a simple webpage using SMACSS principles.

5. Document Your Work:

   • Include code examples and screenshots in your blog post on Hashnode.com or Medium.com.

   • repo