Responsive design is an approach to web design that makes your web content adapt to the different screen and window sizes of a variety of devices. Responsive web design refers to a design strategy that creates websites that work well for mobile, tablet, and desktop devices. Websites without responsive design risk alienating a significant number of users.

Responsive website design and its different building blocks.

  1. HTML and CSS
  2. Media Queries
  3. Fluid Layouts
  4. Flexbox Layout
  5. Responsive Images
  6. Speed