Our first responsive example
In the introduction, I promised that by the end of this chapter you would know all you needed to build a fully responsive web page. So far, I’ve just been talking around the issue at hand. It’s time to walk the walk.
Code samples
You can download all the code samples from this book by visiting https://github.com/benfrain/rwd4 or the book’s dedicated website, rwd.education. It’s worth knowing that where individual examples are built up throughout a chapter, there will typically be a “start” and “end” version for each. The start contains just the essentials to start following along. The end contains the completed exercise/example.
Our basic HTML file
We will start with a simple HTML5 structure. Don’t worry at this point about what each of the lines does, especially the content of the <head>
, as we will cover that in detail in Chapter 2, Writing HTML Markup...