diff --git a/example/index.html b/example/index.html
index dda45d113bc2d2bed03a123e35cabaf6cdf2c54d..cb3438f555eab89ef1b1aabc08e5b836543d77ac 100644
--- a/example/index.html
+++ b/example/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
 <meta charset="utf-8">
+<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; width=device-width;">
 <title>
 BrowserID Relying Party
 </title>
@@ -32,6 +33,12 @@ a:hover { border-bottom: 2px solid black ; }
   word-wrap: break-word;
 }
 
+@media screen and (max-width: 640px) {
+  .intro, .output, .step {
+    width: 90%;
+  }
+}
+
 </style>
 </head>
 <body>