JSFiddle - React, Tailwind, and code Playground

by danield770

HTML

<div class="do_not_define_height">
    <img alt="No, he'll be an engineer." src="http://placehold.it/350x150" />
</div>

CSS

div {
    display: flex;
    justify-content: center;
    /* align horizontal */
    align-items: center;
    /* align vertical */
    border: 1px solid green;
    width: 80vw;
    height: 80vw;
}