JSFiddle - React, Tailwind, and code Playground

by davidpauljunior

HTML

<div id="img-1" class="img-holder">
    
</div>

<div id="img-2" class="img-holder">
    
</div>

CSS

.img-holder {
    border: 1px solid #ff0000;
    float: left;
    max-width: 940px;
    margin-bottom: 10px;
}

img {
    display: block;
    width: 100%;
    height: auto;
}

JavaScript

$("#img-1").append("<img src='http://placehold.it/350x150'/>");

$("#img-2").append("<img src='http://placehold.it/1000x450'/>");