JSFiddle - React, Tailwind, and code Playground

by EZSlaver

HTML

<div class="fixed_size" style="width: 350px;">
        <img src="http://placehold.it/750x350" alt="" />
    </div>
    <div class="fixed_size" style="height: 150px;">
        <img src="http://placehold.it/750x350" alt="" />
    </div>
    <div class="fixed_size" style="width: 350px; height: 150px;">
        <img src="http://placehold.it/750x350" alt="" />
    </div>

CSS

html,
body {
    height: 100%;
}

.fixed_size {
    display: block;
    clear: both;
    float: none;
    margin: 15px;  
    position: relative;
}

img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}