JSFiddle - React, Tailwind, and code Playground

by GolezTrol

HTML

<html>
    <head>
    <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>
        <div class="container">
    <a class="box" href="http://blackhawks.nhl.com/"><img src="http://www.wallpaperpimper.com/wallpaper/Hockey/Chicago_Blackhawks/Chicago-Blackhawks-Blackhawks-Logo-1-JPS6RQXFBC-1024x768.jpg"></a>
        </div>
    </body>
    </html>

CSS

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.container {
    display: table;
    margin: 0 10%;
    width: 80%;
    height: 100%;
}
.box {
    display: table-cell;
    background-color: green;
    vertical-align: middle;
    text-align: center;
}
.box img {
    width: 200px; height: 200px; /* testing */
}