Responsive web design is a technique to develop a website that considers the numerous types of devices that a visitor might use to access the site. Responsive web design adjusts how content on a page is displayed according to the dimensions of the device’s screen. This is in direct distinction from non-responsive web design, which maintains the same properties regardless of what size screen is being used.
A clear example of a non-responsive web design page reads well on desktop browsers but has very small, unreadable text on smartphones, often due to having too many columns or pictures that are too large to fit within a smartphone’s limited viewport display width. With responsive web design, web creators don’t have to focus on specific display sizes; rather, their responsive web code is designed to automatically adjust to a range of display sizes.