Styling Components - monello/complete-react-guide-2024 GitHub Wiki
CSS Modules
Styled Components
- Example of a styled div
- creating a abel and input
- Setting styles dynamically
- More dynamic styles - with boolean-problem
- Deep dive: Solving boolean-props issue with Transient Props
- Applying Nested Rules & Media Queries
- Refactoring a styled component to its own component file
Tailwind CSS
- https://tailwindcss.com/
- Tailwind Install Steps with Vite
- Example of styling a header
- Mixing tailwind and normal CSS
- Registering a custom font with Tailwind
- Another example of registering a font with Tailwind
- Responsive design, media-queries with Tailwind
- Pseudo classes eg. hover style
- Conditional Styling