Responsive Web Design


  • Responsive Web Design is a feature that allows websites to fit the screen size of any device whether it's a phone,computer, ipad, ect.
  • Through HTML and CSS, websites will automatically shrink or enlarge inorder to properly fit any device
  • To make your webpage responsive, implement the tag above body that says
    {meta name="viewport" content="width=device-width, initial-scale=1.0"}
  • This tag is automaticallly implemented into our glitch websites
  • To make an image Responive and cover a whole page you must set the width to 100%
  • This is very important because many people use many differetne devices (phones, computers, ipads) for the same uses adn websites.You want them to fit accordingly to each device
  • This is a very necessary detail when designing your own webpage
  • With Responsive Web Design vs. Without