JSFiddle - React, Tailwind, and code Playground
by Che Sampat
HTML
<!DOCTYPE html>
<html>
<head>
<style>
* {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
html {
font-size: 16px;
line-height: 24px;
width:100%;
height:100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
overflow-y:scroll;
overflow-x:hidden;
}
img {
vertical-align:middle;
max-width: 100%;
height: auto;
border: 0;
-ms-interpolation-mode: bicubic;
}
body {
min-height:100%;
-webkit-font-smoothing: subpixel-antialiased;
}
.clearfix {
clear:both;
zoom: 1;
}
.clearfix:before, .clearfix:after {
content: "\0020";
display: block;
height: 0;
visibility: hidden;
}
.clearfix:after {
clear: both;
}
</style>
<style>
.plain.error-page-wrapper {
font-family: 'Source Sans Pro', sans-serif;
background-color:#6355bc;
padding:0 5%;
position:relative;
}
.plain.error-page-wrapper .content-container {
-webkit-transition: left .5s ease-out, opacity .5s ease-out;
-moz-transition: left .5s ease-out, opacity .5s ease-out;
...