JSFiddle - React, Tailwind, and code Playground

by Abdul Ahmad

HTML

<div id='box'>
    <div id='image'></div>
</div>

CSS

html, body {
    width: 100;
    height: 100%;
}
#box {
    width: 90%;
    height: 90%;
    background: #eee;
}
#image {
    background-image: url(https://www.apacara.com/media/images/orange.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}