what are common RWD methods?

Answer 1

1. Fluid grids: Using percentage-based units for sizing elements, allowing them to adjust to different screen sizes
2. Flexible images and media: using max-width property to ensure images and videos scale down proportionally on smaller screens
3. Media queries: CSS rules that allow for the styling of specific elements depending on the screen size
4. Responsive frameworks: pre-designed CSS frameworks like Bootstrap or Foundation that provide a responsive grid system for building websites
5. Viewport meta tag: HTML meta tag that controls the viewport settings on mobile devices, allowing for proper scaling and zooming
6. CSS flexbox: CSS layout module that simplifies the creation of complex layouts and helps with responsive design
7. CSS grid: modern layout method that allows for more control over placement and sizing of elements on the page.