human
How do you make a website look good on mobile devices?
assistant
Make the Site Responsive
1. Use media queries to detect the size of the screen and serve up different CSS files accordingly.
2. Ensure that all images are optimized for smaller screens, such as by using SVG or vector graphics instead of raster images.
3. Reduce the number of HTTP requests needed to load the page.
4. Use font-size in ems so that text resizes automatically with the browser window.
5. Use relative units for layout measurements (e.g., %, em, vh).
6. Avoid fixed widths for layouts, use percentages instead.
7. Use a single column layout for better usability on small screens.
8. Use touch gestures for navigation and interactivity.