HTML Responsive

Responsive design means website adjusts to screen size.

  ## Real world example
  Same website:
  - looks good on phone
  - works on laptop
  - readable on tablet
  
  ## Viewport meta tag
  ```html
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  ```
  
  ## Without viewport
  Mobile shows zoomed-out website.
  
  ## With viewport
  Website fits mobile screen correctly.