JSFiddle - React, Tailwind, and code Playground

by stackmanoz

HTML

<body>
        <div id="outer">
            <div id="inner">
                <img width="300" height="250" src="http://4.bp.blogspot.com/_Wvav-uUB1G0/TFh5uKf1StI/AAAAAAAAJtg/nnsQ2spDZKg/s1600/Chuck-Norris-facts.jpg"/>
            </div>
        </div>
    </body>

CSS

{
    margin:0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

body {

    background:red;
    overflow:hidden;
}

#outer {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  display:-webkit-box;
  -webkit-box-orient:horizontal;
  -webkit-box-pack:center;
  -webkit-box-align:center;
  overflow:hidden;
  border: 1px solid blue;
}