JSFiddle - React, Tailwind, and code Playground
by kougiland
HTML
<!DOCTYPE html>
<html>
<head>
<meta name="Keywords" content="html,css,tutorial,html5,dhtml,css3 />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--[if ie]><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=8, IE=9, chrome=1"/><![endif]-->
<meta name="Description" content="HTML5 css3 JavaScript page Structure." />
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
<style>
* {
outline: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin: 0 auto;
width: 600px;
color: #333;
padding: 0px;
font-size: 93.75%;
line-height: 1.32em;
text-decoration: none;
background: #F2F2F2;
background-image: -moz-linear-gradient(white 2px,transparent 2px),-moz-linear-gradient(0,white 2px,transparent 2px),-moz-linear-gradient(rgba(255, 255, 255, .3) 1px,transparent 1px),-moz-linear-gradient(0,rgba(255, 255, 255, .3) 1px,transparent 1px);
background-image: -webkit-linear-gradient(white 2px,transparent 2px),-webkit-linear-gradient(0,white 2px,transparent 2px),-webkit-linear-gradient(rgba(255, 255, 255, .3) 1px,transparent 1px),-webkit-linear-gradient(0,rgba(255, 255, 255, .3) 1px,transparent 1px);
background-image: -ms-linear-gradient(white 2px,transparent 2px),-ms-linear-gradient(0,white 2px,transparent 2px),-ms-linear-gradient(rgba(255, 255, 255, .3) 1px,transparent 1px),-ms-linear-gradient(0,rgba(255, 255, 255, .3) 1px,transparent 1px);
background-image: linear-gradient(white 2px,transparent 2px), linear-gradient(0,white 2px,transparent 2px), linear-gradient(rgba(255, 255, 255, .3) 1px,transparent 1px), linear-gradient(0,rgba(255, 255, 255, .3) 1px,transparent 1px);
background-size: 100px 100px,100px 100px,20px 20px,20px 20px;
background-position: -2px -2px,-2px -2px,-1px -1px,-1px...