diff --git a/02_ProjectOrientedSessions/Session05/Session05.md b/02_ProjectOrientedSessions/Session05/Session05.md index f99e084..b8582e8 100644 --- a/02_ProjectOrientedSessions/Session05/Session05.md +++ b/02_ProjectOrientedSessions/Session05/Session05.md @@ -56,8 +56,25 @@ npm install @reduxjs/toolkit react-redux ``` # CSS TAILWIND + ## **Important Note About CSS** -There are few options and ways to create components, and handle `css` classes. You can can pick any one of them. + +There are different ways to handle `CSS` styling when creating components. +You can choose any approach you prefer: +1. **Plain CSS** + - Write regular `.css` files and import them into your components. +2. **CSS Modules** + - Create component-specific `.module.css` files to automatically scope styles. +3. **TailwindCSS** + - A utility-first CSS framework where you apply classes directly in your HTML/JSX. +4. **Sass / SCSS** + - An extension of CSS with variables, nesting, and more features. Can be used alone or with modules. +5. **PostCSS** + - A tool for transforming CSS with JavaScript plugins (often used behind the scenes). +6. **Framework-Specific UI Libraries** (which come with their own styles) + - Example: Material-UI (MUI), Ant Design, Chakra UI, etc. + - These often include ready-made components with built-in styling. + - [ ] install the css/component library of your choice ### For tailwind, use the link below (skip the first step)