jake · December 30, 2015 01:29 · psql · Dec 2, 2013 · jake · Dec 3, 2013
diff --git a/layout.html b/layout.html
 <!DOCTYPE html>
 <html>
 <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Responsive Boilerplate</title>
    <style type="text/css">
        html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}

        .nav {
            background: steelblue;
        }

            .nav .inner {
                background: orange;
                max-width: 1400px;
                margin: 0 auto;
            }

        .content {
            background: yellow;
            max-width: 960px;
            margin: 0 auto;
        }

        @media screen and (max-device-width: 1024px) {
            .content {
                font-size: 150%;
            }
        }

        @media screen and (max-device-width: 640px) {
            .content {
                font-size: 200%;
            }
        }
    </style>
 </head>
 <body>
    <nav class="nav">
        <div class="inner">
            navigation
        </div>
    </nav>
    <div class="content">
        content
    </div>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>Responsive Boilerplate</title>
	<style type="text/css">
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}

	.nav {
	background: steelblue;
	}

	.nav .inner {
	background: orange;
	max-width: 1400px;
	margin: 0 auto;
	}

	.content {
	background: yellow;
	max-width: 960px;
	margin: 0 auto;
	}

	@media screen and (max-device-width: 1024px) {
	.content {
	font-size: 150%;
	}
	}

	@media screen and (max-device-width: 640px) {
	.content {
	font-size: 200%;
	}
	}
	</style>
	</head>
	<body>
	<nav class="nav">
	<div class="inner">
	navigation
	</div>
	</nav>
	<div class="content">
	content
	</div>
	</body>
	</html>