Quick start – making your first responsive web page

In this section we'll get started by creating a simple page and making it responsive.

Step 1 – creating an HTML page

Create a folder on your desktop called Responsive. Inside of that, create a file called playground.html. Open it up in your favorite editor and open the same file in the browser of your choice (right-click on the file and look for Open with...).

Add some boilerplate HTML code to playground.html shown as follows:

<html>
    <head>
        <title>Responsive Playground</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        
    </body>
</html>

Tip

Downloading the example code

You can download the example code files for all Packt books you have purchased from your account at http://www.packtpub.com ...

Get Instant Responsive Web Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial