When the Internet first came about, it was a way for academics to share research and swap papers. Today, there is less emphasis on reading and more on consuming media. Our Facebook feeds are flooded with auto-playing videos. GIFs are a popular form of communication. And sites such as Pinterest and Imgur have people scrolling through images and videos for hours. Even though incorporating images and video into websites can seem complex at times, it enriches the user's experience and can elevate the design.

In this chapter, we reviewed ways to make media responsive in our own websites. We also went over how to optimize that media. It is not enough to drop large photos, GIFs, and video into a website and call it a day. In 2014, comScore reported that 60% of digital media time in the USA was spent on mobile devices. We need to make sure that media content is accessible to people, no matter what device they are viewing it on.

We don't always go on the Web to consume media, though. Sometimes, we need to do research or buy something online. In the next chapter, we will get into designing forms and tables for responsive websites.