Use responsive grid

This commit is contained in:
Martin Polden 2016-04-16 10:15:17 +02:00
parent abcae5fc26
commit c6aad1b5b7
1 changed files with 3 additions and 2 deletions

View File

@ -7,6 +7,7 @@
<meta name="description" content="What is my IP address?"> <meta name="description" content="What is my IP address?">
<link href="//fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/pure/0.6.0/pure-min.css"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/pure/0.6.0/pure-min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/pure/0.6.0/grids-responsive-min.css">
<style> <style>
html, .pure-g [class *= "pure-u"] { html, .pure-g [class *= "pure-u"] {
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
@ -44,7 +45,7 @@
</div> </div>
</div> </div>
<div class="pure-g"> <div class="pure-g">
<div class="pure-u-1-2"> <div class="pure-u-1 pure-u-md-1-2">
<p>CLI examples:</p> <p>CLI examples:</p>
<pre> <pre>
$ curl ifconfig.co $ curl ifconfig.co
@ -67,7 +68,7 @@ $ http ifconfig.co/country
</pre> </pre>
{{ end }} {{ end }}
</div> </div>
<div class="pure-u-1-2"> <div class="pure-u-1 pure-u-md-1-2">
<p>JSON output:</p> <p>JSON output:</p>
<pre> <pre>
$ http --json ifconfig.co $ http --json ifconfig.co