Recall that responsive web design means that the same HTML is served to every device, and displayed optimally on that device using CSS with fluid grids, flexible images, and media queries:
- Fluid grids: They reshape depending on the shape of the viewport, so your layout changes as the screen dimensions change. They are based on relative screen proportions such as percentages, not absolute units such as pixels.
- Flexible images: They display at a size that is appropriate for the device resolution and screen size. Their sizes in the HTML are relative, not absolute. Typography is defined relatively as well.
- Media queries: They check the type of device and send different CSS styling depending on its dimensions and resolution. ...