Document mobile responsiveness (#45)

jpuck · sindresorhus · commit c59b17b20d92 · 2017-06-15T12:43:33.000+02:00
diff --git a/readme.md b/readme.md
@@ -18,9 +18,10 @@ $ npm install --save github-markdown-css
 
 ## Usage
 
-Import the `github-markdown.css` file and add a `markdown-body` class to the container of your rendered Markdown and set a width for it. GitHub uses `980px` width and `45px` padding.
+Import the `github-markdown.css` file and add a `markdown-body` class to the container of your rendered Markdown and set a width for it. GitHub uses `980px` width and `45px` padding, and `15px` padding for mobile.
 
 ```html
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="github-markdown.css">
 <style>
 	.markdown-body {
@@ -30,6 +31,12 @@ Import the `github-markdown.css` file and add a `markdown-body` class to the con
 		margin: 0 auto;
 		padding: 45px;
 	}
+	
+	@media (max-width: 767px) {
+		.markdown-body {
+			padding: 15px;
+		}
+	}
 </style>
 <article class="markdown-body">
 	<h1>Unicorns</h1>
