Responsive web design

Responsive web design uses one codebase to automatically adapt layout and content to desktops, tablets, and smartphones.

Its core techniques are fluid grids, flexible images and media, and CSS media queries, often with CSS Grid and Flexbox.

This approach reduces the need for separate desktop and mobile sites, lowering development and maintenance costs.

It also improves usability across devices and creates a more mobile-friendly experience.