Responsive Web Design Principles
1. Fluid Layouts
- Use %, vw, or, vh for elements that should adapt to the viewport.
- Use max-width instead of width
- Use responsive design patterns - Flexbox, Grid
2. Responsive Units
- Only use units that dynamically change with the viewport like %, rem.