Web Styling (React) Tailwind CSS Basic Usage Conditional Classes with clsx/cn Responsive Design Dark Mode Custom Design Tokens --- CSS Modules Basic Usage With clsx --- CSS-in-JS (styled-components) --- Component Variants Pattern --- Animation Patterns Tailwind Animations Framer Motion --- Layout Patterns Flexbox Grid Container --- Theming System --- Common Issues | Issue | Solution | |-------|----------| | Styles not applying | Check class specificity, Tailwind purging | | Dark mode flicker | Use CSS variables or SSR-safe approach | | Layout shift | Set explicit dimensions, use skeleton load…