JSFiddle - React, Tailwind, and code Playground

by Maksim

HTML

<div class="table">
    <div class="table__cell">
        <img src="http://placehold.it/750x350" alt="">
    </div>
</div>

CSS

html,
body {
    height: 100%;
}
.table {
    display: table;
    width: 100%;
    height: 100%;
}
.table__cell {
    display: table-cell;
    vertical-align: middle;
}
img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}