JSFiddle - React, Tailwind, and code Playground

by web tiki

HTML

<div>
    <img src="http://lorempixel.com/output/people-q-g-600-600-1.jpg" alt="" />
    <span class="prev">Previous</span><span class="next">Next</span>
</div>

CSS

html, body {
    height:100%;
    margin:0;
    padding:0;
}
div {
    position:absolute;
    top:0; right:0; bottom:0; left:0;
    margin:auto;
    width: 90vmin; height: 90vmin;
    max-width: 600px; max-height: 600px;
    background:teal;
}
img {
    display:block;
    margin:5% auto;
    width: 70vmin; height: 70vmin;
    max-width: 500px; max-height: 500px;
}
span{margin:0 10%}
.next{float:right;}