Summary

In this chapter we looked at two popular forms of media on our website and identified ways to make them responsive. In particular, we used CSS to make images display responsively so that they fit in our responsive layout. We learned how to use WordPress featured images combined with a plugin to deliver different image sizes to different devices. We looked at some alternative approaches to responsive images and how they might apply to our site. We examined some of the alternatives for showing video on our site. We also learned how to embed video from YouTube and how to use CSS (and a bit of HTML) to make that video responsive.

We looked at how to send different images to different devices, and in the next chapter we will expand on this to learn how to send different content to different devices. This is something that will be more relevant for some sites than others, and before we learn how to do it, we will look at the reasons we might want to have our site work differently on different...