JSFiddle - React, Tailwind, and code Playground

by ppumkin

HTML

I want this DIV to be as wide as this image
but minimum 400 px
<div id="img_box">
    
    <img class="resize_horizontal" src="http://i261.photobucket.com/albums/ii72/stylebook18/karlaskloset/kkloset2/kkloset3/gol4.jpg">
    
</div>

CSS

#img_box{
    
    width:90%;
    height:90%;
    border: 1px solid Peru;
    font-family: arial;
    
    min-width: 400px;
}
.resize_horizontal{
    width:100%;
}
.resize_vertical{
    height:100%;
}