O'Reilly logo

Instant Responsive Web Design by Cory Simmons

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required