Responsive web design (RWD) creates dynamic changes to a website's appearance depending on the screen size and orientation of the device being used to view it. It uses media queries and breakpoints, which allow different style rules for different screen widths. A mobile-first approach designs for mobile screens first before adjusting styles for larger screens.