This article from 2011 was updated in 2018.
When it was first introduced, responsive design was one of the most exciting web layout concepts since CSS replaced tables. The underlying technology uses media queries to determine the viewing device type, width, height, orientation, resolution, aspect ratio, and color depth to serve different stylesheets.
Media Queries in CSS
... read the whole story at www.sitepoint.com.
Watch Retrofit an Existing Site into Using Modern, Responsive Web Design Practices