Responsive web design (RWD) makes web pages render well on different devices by using fluid grids and layouts, flexible images and media, and CSS media queries. The viewport meta tag allows controlling page dimensions and scaling. RWD uses a grid system divided into columns, box-sizing to include padding and borders, and media queries with CSS properties for certain screen widths. It follows a mobile-first approach where mobile styles are set as default and overridden by larger screens. Images and videos are made responsive using width:100% and max-width:100%.